*

スタイルシートでWEBフォント導入 (と悪魔の印#666除去)

      2015/12/20

今度は、文字。文字面がキレイじゃないと読む気をなくすからね。

ますは、フォントをWEBフォントに変える。管理しているWWWサーバーにフォントを置く方法とクラウド上のフォントを読み込むサービスがある。ここでは、設定が楽な後者を使う。以前は処理が重くて使う気になれなかったが、最近は(多分)よく使う漢字のサブセット化して軽量にしているからだろう・・そう重くもないサービスがでてきている。特にGoogleがだしたフォントは無料で処理も早い。AdobeCloudサービスでもあるのだが、日本語の処理は驚くほど遅い(笑)。モリサワが出しているサービスは種類も豊富で処理も早い。ただし、有料、当たり前だのクラッカー。

    日本語WEBフォントサービス

  • GoogleのWEBフォントについてのIMPRESSさんの参照記事
  • Adobe Typekit モリサワも使える大手。2015年12月現在UB1サイトで使用中。しかし、有料なのに表示速度が止めどもなく遅い(T_T)。
  • その他は使ったことないので割愛。WEBフォントサービスはWIKIPEDIAにまとまっている(有り難いね)
  • モリサワのはじめた処理が早いと云われるサービスとサブセットがわかるIMPRESSさんの記事ページ

本ブログでは迷わずGoogleさんで設定。
まずスタイルシートのヘッダー部分にGoogleWEBフォントを読み込む記述をして、

テーマの編集_‹_あたらしいこと、なに一(はじめ)る?_—_WordPress 2

そして、全体に適用。

Pのサイズを15>16(いまは18) line-hightを28>30へ。適応して表示がおかしかったので気づいた箇条書き(ol等)も同様に変更。

キャプションも

一覧の文字列幅変更

最後に、テンプレートで指定されてた文字色のピンク色#ffb6c1を検索して浅葱色#00a3afに変更。全置換とかあればいいのだけど・・。

色は渋いパステルなトーンの和色が好み。いつも使う色見本サイトはここ。和色は名前がいいね。→ http://www.colordic.org/w/

このテンプレートにはグレーに#666を使っているが、これはダミアン!悪魔の印。ということで縁起が悪い(笑)故、和色の墨色#595857へと変えることにしました。

テーマの編集_‹_あたらしいこと、なに一(はじめ)る?_—_WordPress 3

正直言って墨色とグレーの色の違いはわからんがつまらんこだわりということで作業をはじめたら、変更箇所が30以上もあってどーなんだろとか神を一瞬疑いましたが、無事悪魔祓いは終了しました。(アーメン)

悪霊退散!666は0に。

悪霊退散!666は0に。

Googleが出すWeb Font、Noto Sansは有り難いことにオープン。ダウンロードしてローカルでも使えます。能登サンズという書体名って面白いなと思っていたら、由来は違うようです。グーグルのエンジニアが(中国日本韓国等の)テキストを開くと、表示できない文字として■が出てくるのをなんとかしたい。■=TOFU(豆腐)と仕事仲間は呼んでいて、NOTOFU>NOTOとなったようです。ステキなエピソードですね。ちょっとくらい情報抜かれてもいいやって気にさせます(笑)。

When text is rendered by a computer, sometimes there will be characters in the text that can not be displayed, because no font that supports them is available to the computer. When this occurs, small boxes are shown to represent the characters. We call those small boxes “tofu,” and we want to remove tofu from the Web. This is how the Noto font families got their name.
Noto Sans font – Google font

豆腐はラヴェストファームさん(四国中央市)の喜八豆腐がメチャ美味い!

IMG_6443

塩とオリーブで大豆のお味を堪能してください。

四国中央市で有機農業を営んでいる村上さんの新しいプロジェクト、喜八豆腐。愛媛産の大豆を使って数種類の豆腐を手作りしてます。山の豆腐は石豆腐といって固いものが主流なんですが、やっぱり豆腐はツルッとした柔らかな絹豆腐が一番好き。繊細なな喜八豆腐の調味料に醤油は強すぎ、塩とオリーブで大豆の味を堪能してます。(もちろんお好みで)

まとめ

  • グーグルの企業文化は素晴らしい
  • ブログにも悪魔はいる
  • 喜八豆腐は美味い

 -Wordpress

  関連記事

Hello world!

WordPressでブログをつくってみた。あっさりレンタルサーバーに設置、デザインもテンプレートを適

テンプレートのメイン幅を広げるためスタイルシート変更

WordPressのStingerというブログテンプレートを使用しているのだが、メイン表示部分が少々

Instagramを簡単表示、WordPressプラグイン設置

WordPressにInstagramを表示しようとググッてみたら設定手順が煩雑。ずぶずぶの素人向け

コメントを残す

no image
天皇も「一生の心残り」と悔やんだ、明治政府のある蛮行の記録(真鍋 厚)

日本人もイスラム原理主義的な行動をしていた史実。 復古主義的な昨今にも同じ臭がする。 インバウンド消

no image
国会の質問時間「野党長すぎ」日本だけ? 「8対2」他の国でも… – withnews(ウィズニュース)

民主主義って少数意見の尊重も基本だと習いました。 三権分立も怪しい運用の今、憲法改正するなら国民によ

no image
「最低賃金、時給1500円なら夢ある」若者らデモ:朝日新聞デジタル

若者が社会に関心を持って、デモしていること自体に批判する人たちが多いことには、日本の民主主義が根付い

ヨーグルトの木

ヨーグルトの木。 ムーミン谷にありそうな、メルヘンな響きだが、ホントにある。 ブルガリアヨーグルトで

no image
京都市立芸術大学学長の新入生祝辞が素晴らしい!

僕たちには”価値を自ら生み出す”ことに人生をかけたほうがいい。  太平洋戦争の終焉からおよそ半世紀後