Google Fontsを使ってみよう・就労支援・ひらくのWEB系支援

目次

ウェブフォント(Google Font)を利用

「ウェブフォント」を利用する利点は閲覧環境に関係なく任意の書体でテキストを表示できます。

見出しなどに使って、書体のイメージを変えることにより印象的な表現が可能になります。

Google Fontを開く

1.下記にアクセスします。

Google Fonts
Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography

2、フォントを検索します。

3、今回は検索ワード欄にフォント名「Josefin Slab」を入力し画面下に表示される黒いバーをクリックして説明画面を開きます。

4[HTMLコード]をコピーして、編集中のHTMLファイルの<head></head>の領域に貼り付けます。

5.今回はスタイルシートを使用しているので、[Specify in CSS]の【font-family: ‘Josefin Slab’, serif;】をフォントのスタイルに追加します。

見出し MAP67|GREENのフォントがかわりました。

この記事を書いたのは

パソコン担当:ひまわり

就労・自立支援ひらく

〒980-0801

宮城県仙台市青葉区木町通2-1-18

ノースコアビル6F

☎022-725-7224

 

 

 

 

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

あなたの不安・悩みを真摯に向き合い、一緒に考るのが私達です。
「ひらく」に通うと、自分以外に自分の事を考えてくれる人が圧倒的に増えます。
社会人になると自分にアドバイスしてくれる人がいなくなりますから「ひらく」に通っている2年間は非常に貴重な時間となると思います。
就職支援はもちろんですが、これからの人生が良くなるよう向き合います。
考え方→発言→行動→習慣→性格→運命が変わるきっかけになると思います。

目次