hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

フォントの設定 2

google font に限らず、

一般的にフォントは、標準の書式を基準にして、

そこから文字の太さや斜体などの変更ができるように

様々なバリエーションが用意されている。

 

見出しレベルの違いなどを同じ書式を使うことによって

ページ全体で統一感を出すことができる。

このような同じ書体のバリエーションの一括りを

「font-family (フォントファミリー)」と呼ぶ。

 

◉斜体にする

文字を斜体にしたい場合は

 font-style : italic 

をプロパティに追加する。

 

 

◉日本語のウェブフォント

日本語のフォントは、

欧文フォントと異なり、漢字やカタカナなど、文字数が膨大になるため、

ファイルサイズの大きさが問題になるため、なかなか普及しなかった。

 

そこで、有料サービスでは、

サイトで使用する必要な文字のデータだけを抽出してダウンロードすることで、

ファイルサイズを軽減する「サブセット化」という技術でフォントを提供している。

 

【参考 有料フォントサービス】

●FONTPLUS

fontplus.jp

●TypeSquare

typesquare.com

●アマナイメージズ- WEBフォント

amanaimages.com