見本どおりにしてみた…。
@font-face {
/* フォントの名前を付けます */
font-family: 'IPAEX';
/* IE 用に EOT 形式を読み込みます */
src: url('https://グーグルサイトの絶対パス/ipaexm.eot');
/* IE 以外用に TTF 形式を読み込みます。(iPhone にも使いたいなら SVG 形式をあわせて読み込みます。ここでは割愛) */
src: local('hide from IE'), url('https://グーグルサイトの絶対パス/ipaexm.ttf') format('truetype');
}
/* フォントの名前を付けます */
font-family: 'IPAEX';
/* IE 用に EOT 形式を読み込みます */
src: url('https://グーグルサイトの絶対パス/ipaexm.eot');
/* IE 以外用に TTF 形式を読み込みます。(iPhone にも使いたいなら SVG 形式をあわせて読み込みます。ここでは割愛) */
src: local('hide from IE'), url('https://グーグルサイトの絶対パス/ipaexm.ttf') format('truetype');
}
↑と書いたらどうなるのだろうか…。
こちらの明朝体をいただき…。
サーバー機能を持ったGoogle ドライブにフォントを入れてみる…。
簡単ですね。
SVG変換など何かと高機能なのがあるけど eot には未対応
こちらのコンバータを利用
SVG に変換してみたかったが、ファイルがでかいので無理だったみたい。
いろいろ変換するサービスはあるようです。
商用OKのオシャレなフォントも出てきましたけど、True Type アウトラインのフォントでないとできません。 例えばこちらのPostScriptアウトラインになるとできません！ むっちゃいいんやけど。
こちらに細かい指定の方法あり
このブログの div.aki のところを 明朝にしてみました。上の黄色い背景色のところです…
若干表示されるのに時間がかかりますが…ちゃんとできてるじゃありませんか…。
ますます、このブログの表示が遅くなりました。
ま、これは実験サイトなので…
そうなってくると、jquery で preloader つけないといかんね。
http://www.no-margin-for-errors.com/projects/prettyloader/
↑プリティローダーこれもいいかも。
こうなってきますと、Google Drive 使えるよな～。
IE9は無理だったけど。
そりゃそれでいいや。
モジラもダメラだった。
IRONでOKというだけですね。
Font.com に無料のがあるみたいだが…こんなの使わないだろう。
ま、一度でもお金払ったらあらゆるサイトで使えるのだったら、いいかもしれないけど。
css3の勉強で… border-radius:5px; で周囲を丸くもしてみました。
Kindleコミック 人気タイトル 10％ポイント還元
0 コメント :
コメントを投稿
コメントありがとうございます。