[CSS]IEを含めた主要ブラウザと各スマートフォンに対応した@font-faceの指定方法
IE6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法を紹介します。 The New Bulletproof @Font-Face Syntax [ad#ad-2] 各ブラウザ・スマートフォンに対応させる@font-faceの指定方法 各主要ブラウザ、スマートフォンに対応させる@font-faceの記述は、下記のようになります。 @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot?') format('eot'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont-w
「●」が小さく見えることがあるのはどうして？ - 帰ってきた💫Unicode刑事〔デカ〕リターンズ
（ホー先生）Macの画面で「●▲■」の「●」と「■」だけが小さく見えることがあるのはなぜじゃ*1。 「●」と「■」が欧文フォントで表示されているからだよ。たとえばMacのFinderでは、ファイル名は「Lucida Grande優先」で表示される。Lucida Grandeは「●（U+25CF）」や「■（U+25A0）」のグリフを持っているけれど、「▲（U+25B2）」のグリフを持っていない。だから「▲」はヒラギノで表示されて、「●」と「■」だけが小さく見えるんだ。同じ理由で起きる現象としては、三点リーダの位置が下にズレたりすることも、よくあるよね。 Finder以外でもよくあるんじゃが。 Appleのソフトは世界共通の仕様なので、デフォルトは欧文フォントだよ（下図）。 日本語フォントを指定すれば、この問題は避けられるのか。 うん。Finderでは基本的にフォントの変更はできないけどね。そ
Safari 3.1でWebフォントを利用する--SafariのCSS対応 - builder by ZDNet Japan
現在、Webページで利用できるフォントはユーザーの環境にインストールされたものだけで、文字の表現の幅は非常に限られている。しかし、Webフォントの機能を利用できるようになれば、制作者がサーバー上に用意したフォントでWebページを表示できるようになる。 3月18日から提供されているSafari 3.1では、CSS 3やHTML 5で提案されている機能への対応がさらに進んだ。そこで、新しく対応したスタイルシートの機能の中から、CSS 3の「Webフォント」について2回に分けて紹介していきたい。 サーバー上に用意したフォントでWebページを表示する ユーザーの環境にないフォントでWebページを表示するため、まずは、利用したいフォントをサーバー上に用意する。OpenTypeやTrueType形式のフォントファイルを利用することが可能だ。 ここでは、exljbrisのFontin Sansというフォ
Mac の Safari に font-family はじめてのブログデザイン
Mac の純正ブラウザ Safari に、CSS で font-family を指定する際は注意が必要。 Mac の Mozilla 系のブラウザ（Firefox など）は font-family : 'ヒラギノ丸ゴ Pro W4'; と指定すれば表示されるのですが、Safari は知らんぷり。そこで、フォント名を英語で指定してみると font-family : 'Hiragino Maru Gothic Pro'; 反応してくれる♪ 以下、Safari 用のフォント指定。 【ヒラギノ角ゴ Pro W3】 font-family : 'Hiragino Kaku Gothic Pro'; 【ヒラギノ角ゴ Std W8】 font-family : 'Hiragino Kaku Gothic Std'; 【ヒラギノ丸ゴ Pro W4】 font-family : 'Hiragino Maru
全標準フォント一覧 / もうパンツはかない
標準で入ってると思われるフォントのリストです。日本語・英語以外の言語用のフォントも混じってます(ただしきちんと英数字が含まれるもののみ)。 フォントのキャプチャ画像の下に、CSSでフォント指定をしています。インストールされていればそのフォントで表示されるはずですが、ブラウザや設定によっては指定が効かないフォントもあります。斜体以外の文字の太さ・幅のバリエーションも拾いだしてみました。ページデザインの参考にどうぞ。 各枠右上の三角印をクリックするとCSSを表示し、×印のクリックで閉じます。また右側のピンク色の枠へドラッグして取り置きすることができます。取り置きを捨てたり並べ替えたりもできます。(IE9以前とスマホ・タブレットでは取り置きできません) なお、Mac用で枠の右端が赤いものは、必要に応じてダウンロードできるフォントです。(言語を日本語としてmacOSをインストールした場合は下のフォ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEにも対応！10分でできるWebフォント実装法 (1/3)
Wingdings フォント一覧 ⋆ CieLion.com