Webサイト高速化のためのWebフォントとソーシャルボタンを遅延読み込みさせるすべらない話 | 株式会社cherry-pick
いつも読んでくださりありがとうございます、あ、及川です。 SREスタッフが日々の活動内容や学びを更新している「SRE BLOG」ですが、引っ越しました。 Movable Typeを活用しているWeb制作に関わっているとお仕事としてもよくある引っ越しですが、なぜ引っ越したのか、具体的にどんなことをしたのか、などなど、せっかくなのでまとめておきます。 レスポンシブWebデザインの設計の基本 なぜ引っ越したのか？ 「なぜ会社としてブログを運営しているのか？」 ブログの定期的な更新を続けることは、情報収集や記事作成の点でもそれなりに労力のいることですし、お金に変わることではありません。ではなぜWeb制作会社なのにブログを更新し続けるのか。 キレイな言葉（笑）を並べると次のようになります お客様や外部パートナーにSREが何ができるのかを知っていただく SREを知らない人に見つけてもらう機会を増やす
ウェブ・フォントの読み込み - Weblog - Hail2u.net
ウェブ・フォントも完全に行き渡り、今はどう効率的に配信するかについて多くの時間を割くようになった。Google Fontsの低め安定路線を見限り、TypeKitやFonts.comへ鞍替えする人々も増えた。それと同時に自前でホスティングする人々も徐々にその数を増やしており、どれが最適解なのか一応の結論が出るにはもう少しかかるだろう。まず、ウェブ・フォントの読み込みにおいてどのようなアプローチがあり、どのようなメリット、そしてデメリットがあるのだろうか。 TypeKit等に頼るにしろ、自前でホスティングするにしろ、もちろん最終的にはウェブ・フォントをブラウザーに送りつける必要がある。読み込みとはまさにその部分の話だ。話がややこしくなるので、多様な実装を意識した安全な書き方などについては触れない。 普通に@font-face定義を利用 @font-face定義をただ普通に書く場合のメリットは、
【CSS】font-familyを指定するな。ユーザー選択に任せよ。
参照：[CSS]俺好みのfont-family指定が最強に読みやすくてオススメ！ 上記記事にも直接コメントしましたが、これ以上他人様のブログで自説を展開するのもよろしくありませんので、ここに書きます。 まず前提として、ぼくは 「日本語文章に欧文フォントを指定すべきではない」 と考えています。 理由は上記記事のコメントにも書きましたが、 高さ・ウェイト・字幅・ベースライン等が揃わず 非常に不格好になる。 ためです。 具体例を出しましょう。 「Windows7 + IE9」 「デフォルトフォントにＭＳ Ｐゴシック指定 + ClearType有効」 環境において、どのように表示が不格好になるのか確認します。 font-family: Arial, sans-serif; とした際のサンプルが以下になります。 これを見て、どうでしょう？ 気にならない方もいらっしゃるのでしょうが、 僕に言わせれば「
同人作家のための文字組解説冊子をC82で無料配布します | 日本同人誌デザイン協会
文字組を、すべての人に。 TYPESETTING CHEAT SHEET FOR DOUJIN CREATORS 「わたし文字組はちょっと……」 そんなあなたのためのチートシートができました。 同人誌づくりにおいて、文字を置く作業が苦手、イマイチうまく決まらない……。そんな経験をお持ちではないですか？ もしかしたら、その悩みは文字組みをちょっと意識するだけで解決できるかもしれません。 jaddaはこの夏、そのような悩みをお持ちの同人作家の方へ向けて、デザインの最も基礎的な知識である文字詰め・文字組みをできる限り簡潔にまとめたチートシートを制作しました。文字組は非常に奥が深い世界ですが、普通の人が普通に実践できるように、押さえておきたいポイントのみに絞って解説しました。 本誌はコミックマーケット82にて無料で頒布します。サクッと読んで、サクッと実践してみてください。 Illustration
『よつばと！』の使用フォントについて少し。 - 遠近法ノート
『アイデア334』（asin:B0020K1OFS）で特集されたよつばスタジオのデザイン。統一感があっていいですよね。 特集記事では使用フォントについてとくに触れられていなかったので、僕がちょっと解説してみましょう。 まず、『よつばと！』のタイトルロゴについては、ゆず屋さんとこあたりを参照していただくとして……。 巻数表記 Neuzeit Grotesk（http://new.myfonts.com/fonts/urw/neuzeit-grotesk/）またはGeometric 706 Black（http://new.myfonts.com/fonts/bitstream/geometric-706/）。 巻数表記以外では使われていません。 帯 1〜4巻はヒラギノ明朝（http://www.screen.co.jp/ga_product/sento/sample/hirm3.html）、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
PDFへのフォント埋め込みとは？
