WEB-RSS2.0ATOM1.0さすらいのWeb制作家、MAKOCHINがつづるブログサイト。Web制作に関する知識を備忘録的に書いているだけのサイトです。ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。ご興味のある方はどうぞ。さすらいのWeb制作家。Web制作の修行に勤しむ毎日を過ごす。【CSS3】サーバ上のフォントを指定(@font-face)TweetPocketサーバ上からフォントをダウンロードし、指定して使用できるCSS3「@font-face」をご紹介します。この機能により従来のHTMLでは指定できなかったフォントでテキストを作成するこができます。テキストなので簡単に修正などもでき、SEOにも問題ありません。※フォントはフリーで配布されている「ふい字フォント」を利用しています。}使用するフォントの指定は「@font-face」で行います。「font-family」で使用するフォントの名前を指定し、「src」で使用するフォントのURLを指定します。「format」は指定するフォントのフォーマットごとに異なります。「@font-face」で設定したフォントを、フォントを使用する要素(使用例ではbody要素)で指定します。}「フォーマット」に指定する値は、フォントのフォーマットごとに異なります。対応は以下のようになっています。OpenType」のフォントにしか対応しておらず、@font-faceの書式のformatに対応していません。その為上記の使用例のようにIE向けのformatを記述しないフォント指定を先に書き、他のブラウザ向けのformatの記述があるフォント指定を後に書くように記述します。OpenTypeのフォントはTrueTypeのフォントを変換するサービスttf2eot(https://ttf2eot.sebastiankippe.com/)を利用するとよいです。cssコメントを残す返信をキャンセルする。