font-family・font-size & Webフォント

font-family
いろいろ探っていると [ Meiryo(メイリオ) ] と言うフォント名を見かける。
はて…???

myHome の
font-family: "MS UI Gothic",sans-serif;

MS UI Gothic
Windows 98から新しく追加されたフォント。
少ない領域でより多くの文字を表示できるように、
MSゴシックと比較して、
ひらがなや全角カタカナが細長く表示されることが特徴。
== コトバンク より ==

Meiryo(メイリオ)
Windows Vistaから追加されたフォント。
知らんかったわぁ~
メイリオは非常に用途の広いモダンなサンセリフタイプで、画面や印刷物に非常にきれいな外観を与えるように設計されています。画面上での読み取り用に最適化されています。レターフォームは寛大に開かれ、バランスが取れています。小さいサイズでは読みやすくクリアで、大きいディスプレイサイズでは動的です。この顔の美しさは、日本語とローマ字のテキスト行をシームレスかつ調和的に設定することです。バランスの取れた文字間間隔は、水平方向の配置を強化し、スムーズな読み取りフローを促進します。メイリオは、日本語とローマ字を組み合わせた非常に大きな文字セットを備え、完全にスケーラブルなアウトラインテクノロジーを備えているため、コミュニケーションと出版のあらゆる側面で非常に機能的です。堅牢で読みやすい書体でありながら、スペースの節約に適した狭い行間間隔を可能にするのに十分コンパクトです。
== Microsoftタイポグラフィ
メイリオフォントファミリー より==


W3G font-family フォントサンプルを参考にして
.css 書き換えればいいじゃん?
と 勝手決め込みしております。



font-size
どういう訳のある単位かも理解してなくて
em を使ってるんだよねぇ~👀
px % em  最近見かける  rem ←??

いややぁー! これに関しては要らん事触らないでおこぉっ!
スタイルシート このまま続行!
でないと 穴埋め作業どころじゃなくなってくる


フォントサイズ指定
https://web-camp.io/magazine/archives/28769



Webフォント って?


へぇ~ これはちと面白そう....と思っちゃいましたよぉ~

カテゴリの見出し 画像で作ってたけど
これなら呼び出しで統一できて いいじゃん~
と思ったんだけど…

メリットもだけど デメリット大きそぉ~だったので
今まで通り 画像呼び込みにすることした。


Google web fonts
英語フォントGoogle Fonts
日本語フォントGoogle Fonts 日本語早期アクセス



font フォント
  
ほんとっ!

Animation_nao.gif




ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント