Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー/クリエイター向けの最新情報まとめアンテナ。

2019年02月13日(水)

【CSS】font-familyの正しい指定方法と書き方(効かない原因やGoogle Fontsの使い方も)

「使っているデバイスによってフォントの見え方が違うが、どうにかならないか」
「指定方法がよくわからず、いつもサンプルをコピペしている」

こんな経験をされたことはないでしょうか?
私がWebデザインを学習し始めた頃は、特に日本語のフォントに苦労しました。
ページのコンセプトによもりますが、日本語のフォントがあっても種類が少なく、また、望むフォントは有料のものがほとんどでした。今は日本語の種類も増えました。
特にgoogle-fontで日本語の取り扱いが始まったことはWeb制作者にとっては嬉しいニュースでしょう。

今回は、font-familyの使い方とその注意点を学習していきましょう。特にgoogleが提供するGoogle Fontsの使い方をマスターすることを目標としたいと思います。これは覚えれば難しい知識ではありませんので、ぜひマスターしてください。
なお、この記事は初学者向けに書いていますので、経験者は必要に応じて読み飛ばしてください。



この記事の内容

font-familyとは

プロパティの説明

文字のフォントを指定する時に使うのがfont-familyという...

author:

creive(クリーブ)

http://creive.me

クリエイティブを、アーカイブする。creive(クリーブ)は「クリエイティブ」をテーマに、デザインや制作、ライフハック等の情報を発信しているメディアです。

今日のwebデザイン記事ランキングを見る

Ads

クリエイティブを、アーカイブする。creive(クリーブ)は「クリエイティブ」をテーマに、デザインや制作、ライフハック等の情報を発信しているメディアです。creive(クリーブ)の記事『【CSS】font-familyの正しい指定方法と書き方(効かない原因やGoogle Fontsの使い方も)』についてまとめています。

この記事は特にフォント・Google・Chrome・Mac・safari・iOS・Windowsについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のcreive(クリーブ)で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとcreive(クリーブ)の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。

Ads

最近の人気記事

人気のタグ