Webフォント|めも352DTP→ほそぼそとWeb業界のカタスミでお仕事しています・・・Webフォント先日、メイン講師が研修中のため、別の先生がやってきました。GIMPを習いました。(プリントもらえなかったので詳細は不明。メイン講師にはプリントいってると思います(^^;)途中、1日中GIMPというのもナンなので、ということでWebフォントについて習いました。先日、元上司と仕事の打合せの時にWebフォントを使うか否かの話をしていたので個人的には良いタイミングでした。結論として、先生は「見出しにはいいかもしれないけど、本文は変わった文字は読みにくいので、やめたほうがいい」とのことでした。↓ためしにアップしてみました。(別画面で開きます)http://kunren103.s601.xrea.com/20140810/※IEはそもそも解釈しません(^^;)※fc2は「.woff」形式のファイルがアップロードできなかったので、無料のXreaサーバーを使っています。1.フリーフォントを入手。2014年用、日本語のフリーフォントの110種類のまとめ-商用サイトだけでなく同人誌などでの利用も明記など。2.たいていはOTFかTTF形式なのでそのままでは重たい。した方がファイルが軽いので変換ソフトを使用して形式を変換。参照)3.フォントをHTMLと共にアップロードしてCSSから呼び出す。↓コードはコチラからコピペhttp://css-tricks.com/snippets/css/using-font-face/(フォントのリンク先はCSSから見た位置になるので注意。)先生いわく、フォント名は日本語でない方が良いとのことで、変更してみました。Icon本文パスワード非公開コメント管理者にだけ表示を許可する※宣伝目的のようなコメントが時々あることから、コメントを承認方式に変更しました。アダルトサイト・販売目的のサイトに誘導するもの、宣伝目的のもの、わいせつもしくは公序良俗に反するもの、また誤解を招くようなコメントは、削除させていただきます。トラックバックCSSの基本2さて、此間(こないだ)の[CSSの基本1]では、まずは基本をおさらいと言いながら結構初歩的な内容はすっ飛ばした感が否めず、予定を変更してもうちょい根幹の部分を掘り下げてみようかな〜と。