株式会社モリサワは、フォントサブスクリプションサービス「Morisawa ...

ブラウザにはユーザーが設定できるデフォルトのフォントサイズがある。多くのブラウザでは初期値が16pxだが、ユーザーがアクセシビリティ等の理由で変更している場合がある。例えばChromiumでは設定画面から「極大」を選択すると24pxになる。 課題 単純な ...

Webフォントって重くない？クライアントに導入を認めてもらう秘策とは？ 巷で人気の“フォントおじさん”が教えてくれたWebフォントの最新事情 約10年前に登場したWebフォントは、Webサイトにおけるテキストのデザインを大きく変えました。主要なフォント ...

CSS-Tricksにフォントをアイコンとして利用する面白いCSSテクニックが紹介されている。記事では「アイコンフォント」と称されており、フォントにはFicoが使用されている。「アイコンフォント」はフォントとして作成されたアイコンデータをCSSの@font-faceを ...

何か数字とアルファベットが並んでいますが、これはもちろん文字ではないので、マウスで選択できません。また、画像ではないのでアドレスを探すこともできません。つまり、全部CSSのみで作られた「フォント」だということです。 このアイディアの元に ...

TwitterやInstagramのロゴやピクトグラムなど、ウェブサイトでは多種多様なアイコンが使われますが、そういったアイコンをウェブフォントにした「Fontisto」が無料で公開されています。商用利用もOKで、さらにCSSツールキットも付属。コードライセンスは「MIT ...

フォントファイル軽量化については前職でやった。 しかし、なんかタイミングよくゲームのフォント話題になってますね。規約は頑張って読もう。 1.そもそもwebでフォントを指定するということ まず、そもそもの技術としての話になります。 で、ここって ...

Craig Buckler氏がSitePointにおいてHow to Use Operating System Styles in CSSのタイトルのもと、CSS 2.1のあまり知られていない機能のひとつとして、OSテーマのフォントとカラーを使う方法を紹介している。よりOSに統合されたページを作成する場合に便利な方法だと説明がある ...

株式会社モリサワは、さまざまな書体をWebフォントとして使用できるサービス「TypeSquare」のWebサイト上でCSSサンプル集の公開を開始した。今回公開されたサンプルは「TypeSquare」の書体を用いたテキスト装飾の例で、ソースコードも公開されており、制作の ...