Fonts」を使ってWEBフォントを使い始めました!WEBフォントは、CSS3から利用できるようなり無料で使えるフォントも多い優れものです!以前までは、font-familyなどを使いフォントを指定してもユーザーのローカル環境にインストールされていないと表示されませんでしたが、WEBフォントはサーバー内にフォントファイルをセットすればフォントが利用できます。ブラウザの種類やバージョンによって全てとは言い切れない様ですが、少なくともユーザーのローカル環境に左右されることはありません。自分が調べた限りだとWEBフォントは、2パターンありました。Fontsを利用しています。アクセスして、お好みのフォントを選んで次へ。website:」からstanndard、@import、Javascriptの3種類から好きな方法を選んでコピーし所定の場所へ貼り付けます。CSS:」で表示されているCSSコード(font-family)をコピーしてスタイルシートに貼り付けて完了です!フォントファイルをサーバーにアップロードして使う場合フォントファイルをサーバーへアップロードします。WordPressで使う場合は(自分の場合ですが)、現在使用しているテーマのディレクトリにアップします。その際は、fontsなどの名前を付けたフォルダを作ってセットした方が良いと思います。例:(省略)/wp-content/themes/使用するテーマ/fonts/アップロードが終わったらスタイルシートにCSSコードを記述して完了です。自分は、以下のコードのfontsから始まるパスのfontsの前に/(スラッシュ)を入れてしまっていてWEBフォントが表示されず環境のせいにしてしまい思いっきり遠回りしてしまいました。全てのテキストに対してWEBフォントを使用すると、動作が少し遅くなるようです。英語のみやワンポイントで使うと良いらしいです。Fonts」を使ってWEBフォントを使い始めました!に対するご意見、ご感想、情報提供など皆様からのコメントをお待ちしております。お気軽にコメントしてください。Reserved.▲TOP。