GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
はじめてのWebfonts
今までは、サイト上で意図したフォントを使うには PCに共通してインストールしてあるデバイスフォンを指定するか、 photoshopなどで画像として作る方法が主でした。 しかしCSS3からはwebfonts機能が搭載されたので、 CSSのみで希望のフォントが使える様になりました。 まだ一般化するには時間がかかると思いますが、 webfontsの基本をまとめてみました。 webfontsのメリット・デメリット webfontsで使えるフォントフォーマット Webfontの使い方 CSSの@font-faceを使う方法 Webfontsの使い方 Webfontサービスを利用する方法 Webfontサービス webfontsのメリット・デメリット CSSのみで希望のフォントを指定できるので、 非常にメリットが大きく思えますが、 まだまだ幾つかの問題もあります。 CSSのみでフォントの指定ができる
@font-face 規則で web font を使う | HTML/CSS リファレンス
EOT（ Embedded Open Type ）形式 TTF（True Type Font）形式、OTF（Open Type Font）形式 SVG（Scalable Vector Graphics）形式 WOFF（Web Open Font Format）形式 EOT 形式は IE 向けウェブフォントの独自形式です。以下のソフト・サービスで TTF 形式から EOT 形式のフォントへ変換ができます。 Microsoft Typography - WEFT 3 Download ttf2eot WOFF 形式はMozilla Corporationと、Type SupplyやLettError、多くのフォントファンダリが共同で提案したウェブ専用の新しいフォントフォーマットです。以下のサービスで TTF 形式から WOFF 形式のフォントへ変換ができます。 @FONT-FACE GENER
HTML5&CSS3入門 with HTML5 パック 第4回 @font-face（ウェブフォント）の利用 | デベロッパーセンター
本連載では、Webデザイナーに向けて、HTML5／CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主なHTML5／CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとして「HTML5 パック for Dreamweaver CS5」を使用します（詳しくは、「HTML5 Pack for Dreamweaver CS5 の使い方」をご覧ください）。HTML5 パックをインストールするには、Dreamweaver CS5のアップデータ11.0.3を適用する必要があります。 ※HTML5とCSS3は現在策定中の草案です。本連載は執筆時点の草案の内容にもとづいており、正式に勧告されるまでに変更されることもあり得ます。 これまでの記事では、CSS3で新たに登場する border
対応Webブラウザ
Win版 Firefox 4で×になっている項目はDirectWriteを有効にすると〇になります。DirectWriteを有効にするには、アドレスにabout:configと入力して、gfx.font_rendering.directwrite.enabledをtrueにします。Firefox 5ではこの操作なしでも表示されるようになる予定とのことです。（以上は、お客様から情報をいただきました。） WOFF対応テスト用HTML 上記「WOFF対応状況」のテストで使用したHTMLファイルへのリンクです。新規ウィンドウまたは新規タブで表示されます。 ”サンプル文字列は「x」です。” の x 部分が丸付き文字（のいずれか）ならWOFFで表示されています。 下記はWOFFコンバータで「サンプルHTMLファイルを作成する」にチェックを入れて作成したHTMLファイルです。 TryeTypeフォントか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create Your Own @font-face Kits » Font Squirrel