font-displayはCDN型Webフォントサービスに利用できない Webフォントを使うと、そのフォントが読み込み完了するまでの間、文字が全く表示されない瞬間があります。 英字フォントはファイルサイズが数十KB〜数百KB程度と軽いので気づきにくいですが、日本語フォントは形が複雑かつ文字数… ゴトーハック2018.10.05 3,101
ヒラギノ角ゴが太く見える問題を解決する MacのChromeだけで妙にフォントが太く感じ、実際に font-weight:300 を指定しても500以下は無視されていたので調べたところ、下記のことが分かった font-family にこれまで「 Hiragin… ゴトーハック2016.09.07 5,061
手っ取り早くRictyフォントを利用する プログラミングに適した日本語対応フォントとして有名なRictyですが、InconsolataとMigu 1Mから生成する必要があります。 手っ取り早く利用したい場合には、ttfファイルで配布されている姉妹フォントのRic… Tomoumi Nishimuraハック2015.11.13 774
Macにメイリオフォントをインストールする時のメモ 必要に迫られて、Macにメイリオフォントを入れることになった時のメモ。 メイリオフォントは配布していない Windowsにプリインストールされているフォントなので、必要であれば使用しているWindows機もしくは、Vir… Yukimi Satoハック2015.03.16 920
Windows のエイリアスフォントを確認する方法 Windows 環境に Helvetica がインストールされていない場合、CSS で Helvetica の指定された文字については Arial が適用されます。 これは自動的にエイリアスが効いているためです。 このよ… nbeppuハック2014.12.01 1,704
コマンドプロンプトでRounded M+を使う こっちでメイリオにしてみましたが、 https://hacknote.jp/archives/4766/ 等幅フォントじゃないため表示が非常に崩れるので「Rounded M+」というものを使います。 http://d.h… alkoshikawaハック2014.08.22 382
Webフォントアイコンは最小サイズを意識しよう まず下記サンプルを見てください。 See the Pen JkdEL by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 標準サイズに比べ、少し小さくしても少し大きくしても、中途… ゴトーハック2014.06.24 1,878