[B! Webフォント] Caihuaのブックマーク

レンタルサーバWebフォント機能／さくらのサポート情報

Webフォント機能はさくらのレンタルサーバ内に設置されたWebサイト上で使用可能です。利用にはコントロールパネルからドメインの登録が必要です。 1アカウントにつき3ドメインまで登録できます。 33書体を7.5万ページビューまで表示できます。ビジネス、ビジネスプロ、マネージドサーバの各プランはPV制限はありません。 ※サーバーの管理に支障をきたす場合、他のお客様に影響を及ぼすような状態が確認された場合には、一時的に制限させていただくことがあります。このページではHTMLに直接タグを記述してWebフォントを表示する機能についてご説明します。 WordPressでご利用になる場合はWordPressプラグインのサポートサイトをご覧ください。

Caihua 2016/09/15

さくらインターネット

リンク

日本語Webフォントの革命 - 3846masa's memo

日本語Webフォントに革命がおきた．詳しくは続きを読んでくれ．ちょっと大きく出てみた．実装についての記事はこちらこの記事で言いたいこと動的に日本語フォントのサブセットを作成してくれるOSSを作りました．サンプルページはこちら臨時のサンプルページはこちら追記 herokuが落ちてる，メモリ不足だな．早い所Dockerfileつくろう．追追記 herokuで運用は再検討したほうがよさそう．「こういうこともできます」の事例ということでひとつ．（やっぱり普通のサーバで動かす分には大丈夫そうな気がする．どうだろう）そんなわけで，どうぞご利用ください。（ちなみに粗い作りなので，pull-requestやissue投稿をしてくださると嬉しいです．）何が革命なんだ革命が起きたというけど，どこが革命なの？僕には革命が起きたようには思えないけどそんなこと言わんといて，泣くわ．

Caihua 2015/04/08

webフォント

リンク

日本語Webフォントを使用している60のWebサイト | Web制作に関するブログ | 株式会社シロクロ

まとめ使われているフォントは、AXIS、ゴシックMB101、筑紫A丸ゴシック、筑紫明朝などが多く、明朝体よりもゴシック体の方が人気のようでした。無償で利用できてクオリティの高い源ノ角ゴシックも今後増えていきそうです。これらのサイトで使われているサービスはTypeSquare、FONTWORKS、FONTPLUS、Fonts.comなどで、それ以外のサービスはフォントブログの国内のWebフォントサービスまとめ - フォントブログに特徴も分かりやすくまとめられています。日本語Webフォントは多くの場合定額で費用がかかること、そして読み込み処理の問題があります。ただメリットとしては、構築／更新のしやすさと文字の美しさを両立できるので、できるだけ使っていきたいと思いました。ブログ一覧へ

Caihua 2015/03/27

webフォント

リンク

ウェブ・フォントの読み込み - Weblog - Hail2u.net

ウェブ・フォントも完全に行き渡り、今はどう効率的に配信するかについて多くの時間を割くようになった。Google Fontsの低め安定路線を見限り、TypeKitやFonts.comへ鞍替えする人々も増えた。それと同時に自前でホスティングする人々も徐々にその数を増やしており、どれが最適解なのか一応の結論が出るにはもう少しかかるだろう。まず、ウェブ・フォントの読み込みにおいてどのようなアプローチがあり、どのようなメリット、そしてデメリットがあるのだろうか。 TypeKit等に頼るにしろ、自前でホスティングするにしろ、もちろん最終的にはウェブ・フォントをブラウザーに送りつける必要がある。読み込みとはまさにその部分の話だ。話がややこしくなるので、多様な実装を意識した安全な書き方などについては触れない。普通に@font-face定義を利用 @font-face定義をただ普通に書く場合のメリットは、

Caihua 2015/01/10

リンク

Webフォント「Google web fonts」の使い方・実装手順メモ

商用・非商用を問わず無料で利用できるWebフォント、「Google web fonts」の実装方法をさっくりメモっておきたいと思います。 Google Web Fonts Google web fontsとは Webページ閲覧時、通常ではパソコンにインストールされているフォントしかブラウザで表示することが出来ませんが、「Webフォント」を使用すると任意のフォントを表示することが出来ます。 Googleの提供するGoogle Web Fontsはアカウント登録の必要も無く、実装が非常に簡単なそれの一つです。商用・非商用ともに無償で利用が可能と言うのもポイント:) ちなみに当サイトでも日付の表示とサイドバー・フッターの見出しにGoogle web fontsの「Coda」を使用しています。 Google web fontsの実装方法実装の手順は3ステップ。 1.使いたいフォントを選択する 2

Caihua 2014/03/14

Webフォント

リンク

Webフォントをできるだけ軽く表示する圧縮の.htaccessや遅延ロードJSを作ってみた | 初代編集長ブログ―安田英久

Caihua 2013/12/11

webフォント

リンク

HTTPリクエストを減らすために【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ - MOL

このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。【序章】HTTPリクエストは甘え【CSS Sprite編】スプライト地獄からの解放【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ【DataURI編】遅延ロードでレンダリングブロックを回避【終章】我々には1000msの猶予しか残されていない 3日目は、スマホ環境であればHTTPリクエストを減らすためにWebフォントの採用を考慮しても、やぶさかではないだろう。まずは下記の画像をご覧頂きたい。これはプロジェクトで私が使用していたスプライト画像だが（実際は縦にして使用）、このような単純な形状、単色のアイコンであれば、Webフォント化したほうがなにかと都合がよい。このスプライトであれば、カラー × 矢印の向き × シャドウの有無パターンの可能性があり、スプ