いちから始めるホームページ作成

HTML・CSSのことがよくわかる初心者から始めるホームページ制作

font-family

  • このエントリーをはてなブックマークに追加

font-familyとは?

font-familyは、文字のフォントの種類を指定するCSSです。

font-familyの使い方

「MS ゴシック」などのフォント名を記述して指定します。

フォント名にスペースが含まれている場合はダブルクォーテーション(")、またはシングルクォーテーション(')で囲います。

ホームページを閲覧しているパソコンにインストールされているフォントしか表示できないため、複数のフォントを指定することもできます。

複数のフォントを指定する場合は、カンマ(,)で区切ります。

文字の大きさを指定したい場合はfont-sizeを、文字の太さを指定したい場合はfont-weightを使います。

記述方法

font-familyは以下のように記述します。

MSゴシックとsans-serifを指定する場合

font-family:"MS ゴシック",sans-serif;

おすすめのホームページ作成ソフト

コーディングをする際に、ホームページ作成ソフトを使うと非常に便利です。

現在有名なのは、『ホームページビルダー』と『Dreamweaver』の2つです。

ホームページビルダー
初心者~中級者の方向けで、HTMLタグやCSSが全くわからない方におすすめです。
Dreamweaver
中級者~上級者・プロ向けで、HTMLタグやCSSをある程度理解していたり、自分で調べられる方におすすめです。

『Dreamweaver』は高価ですが、スキルが上がっても使えるため、長い目で見れば、こちらをおすすめします。

また、学生や教職員の方向けに割引されたものがありますので、該当する方なら迷わず学生・教職員向けのものをおすすめします。


HTMLタグ
CSS
一口メモ
サンプルソース
用語集