BloggerでのWEBフォント問題とか
公開前のテスト投稿第二弾。
去年の11月くらいから ちくちく作っていたポートフォリオサイトが遂にお披露目できそうな状態に！追加コンテンツの開発やらAdSenseとかの申請やらやるべきことはまだ色々ありますが、とりあえず挫折せずにここまで来ましたよ…！
よく頑張った自分！ご褒美にプリンをあげたいぞ！！抹茶のやつ！！！
自分を褒めていくスタイル、大事ですからね。今度プリン食べますわ。
さて、Bloggerの方の準備もほぼほぼ整ったわけですが、自分の技術的にどうしようもなさそうな不具合を2箇所発見してしまいました。
そう、Bloggerテンプレートの「特殊文字コード問題」と「WEBフォント問題」です！！
仕様的にどうしようもないことって……あるよね！
特殊文字コード問題
デフォルトテンプレートの「Contempo」、オシャレじゃないですか。オシャレだと思うんです。なのでその「Contempo」をいじくりまわして現在のマイテンプレート作ったわけなんですがね。
記事共有ボタン押下後の「リンクをクリップボードにコピーしました。」の表示が↓こんな感じなんです。
 |
| ひどくない？ |
特殊文字コードがそのまんま出てますね。
テンプレートのCSSで特殊文字コード入れた時もこんなんなってましたので、おそらくBloggerの仕様なんでしょうね。BloggerのっていうかXHTMLの？ﾊﾊｯ
ここの文字、「Contempo」の方で予め用意されている定型文を引っ張ってきてるっぽいんで、特殊文字コードをただの「。」に置き換えたくても手出しができないんですよね…
定型文を使わないでテンプレートソースに文言をベタ打ちって手もあるかもしれませんが、公式テンプレートなのにこういうの放置されるのはモヤるのでとりあえず直ることを祈ってどこかしらから報告でもしてみようかと思います。
WEBフォント問題
こっちはもうほんとにどうしようもねぇ。ポートフォリオサイトとの親和性を高めるために、当ブログではAdobeフォント収録の「アドミーン」というフォントをWEBフォントとして使用しているのですが、スマホだとなぜか反映されないんですね。本当に不思議！
 |
| PC版はバッチリ |
 |
| Chromeのスマホ検証でもちゃんと効いてる |
 |
| 実機での表示。なんでや工藤 |
幸いGoogleフォントならスマホでもちゃんと表示されることを確認したので、比較的印象が近いと思われる「M PLUS Rounded 1c」を第二フォントとして充ててガマンしていますが、これもぜひなんとかしていただきたいですね…Adobeの日本語フォントは読み出しコードがJsだからダメなんだろうか…スマホだけダメってのも意味わかんないですけど^p^
もっと ちしき が ほしい と おもいました まる
専門家じゃないので抜け道が自分だけじゃわかんないのがつらいところですね。
情報過多な現代に於いては蓋を開ければ専門の人でも同じかもしれませんが、こういう言語関係の知識はGoogle先生という名の集合知にいつも頼りっぱなしでございます( ˘ω˘ )
あ、あと致命的まではいかないけど、「Contempo」のこれ↓もJsで自動生成の部分だから、公式で直ってくれたら…嬉しいな…！！
（「#identityMenu」の「height:auto;」を是非「height:35px;」にしていただきたい）
 |
| 高さ、足りてませんよ！先生！ |
2020年9月追記
そういや5月ごろに発見したのですが、
どうやら英語だと正常に動いている様子。
日本語特有の仕様バグっぽいすね。
やはりテンプレートに頼ったのが間違いだったのか…
まあ人から頼まれてやってる事じゃないし、
概ねデザイン気に入ってるので、
多少の不具合には目を瞑ります( ˘ω˘ )
