Corredor

ウェブ、プログラミングの勉強メモ。

フォント

Mac・iOS のシステムフォントを CSS で使う : 「-apple-system」

BENGTENG CSS Tシャツ スモーク XSメディア: ウェア&シューズこの商品を含むブログを見る FONT x FAN HYBRID出版社/メーカー: ポータル・アンド・クリエイティブ発売日: 2010/09/17メディア: DVD-ROM購入: 4人 クリック: 195回この商品を含むブログ (5件) を…

font-family 設定を動的に変更して確認できるページを作った

デザイナーが愛用したいこだわりフォントセレクション作者: フロッグデザイン出版社/メーカー: 秀和システム発売日: 2017/03/11メディア: 単行本この商品を含むブログを見る 前回の記事でオレオレパーフェクト設定を導いた font-family 指定だが、検証用に以…

2018年以降はコレで決まり!Web サイトで指定するゴシック体・明朝体・等幅の font-family 設定

定番フォント ガイドブック作者: タイポグラフィ編集部出版社/メーカー: グラフィック社発売日: 2017/08/08メディア: 単行本(ソフトカバー)この商品を含むブログを見る 時折話題にしてきた、CSS での font-family 指定のベスト・プラクティスだが、様々な…

CSS で font-family: monospace 指定だと等幅フォントが適用されない?

定番フォント ガイドブック作者: タイポグラフィ編集部出版社/メーカー: グラフィック社発売日: 2017/08/08メディア: 単行本(ソフトカバー)この商品を含むブログを見る 以下のような CSS を書いたところ、li 要素が等幅フォントにならなかった。 li { font…

transform:rotate() を使うと CSS だけでテキストにアンチエイリアスがかけられる

MS P ゴシックなどの ClearType でないフォントが使われてしまう場合に、CSS だけでテキストのジャギーを抑えてアンチエイリアスをかける方法があった。 CSS で、transform:rotate(0.001deg); を指定することでハードウェア・アクセラレーションを有効にし、…

Windows と Mac に標準でインストールされている日本語の等幅フォントってない…?

游ゴシックが Windows と Mac に標準搭載されるようになり、標準フォントのみで Windows と Mac とで同じ見た目を実現できるようになった。 これの等幅フォント版ってないのだろうか?で、できれば日本語も等幅表示されるヤツ。 というのは、はてなブログで…

Windows10 の游ゴシックがイマイチかもしれないのでメイリオに戻してみた

Windows10 のシステムフォントが游ゴシック (Yu Gothic UI) で、なんかイマイチなので、メイリオに戻してみた。 「Windows10 フォントが汚いので一発変更!」というフリーソフトがあったので使ってみた。 Windows10 フォントが汚いので一発変更!の詳細情報 :…

Windows7・Mac OSX El Capitan 間でフォントを交換する

Windows7 に入っているメイリオを Mac に入れたり、Mac OSX El Capitan に入っている Helvetica を Windows に入れたりしたい。 結論からいうと、Windows フォントを Mac に入れることはできたが、Mac のフォントを Windows に入れることができなかった。El …

Windows で游ゴシックが細く見えないようにする CSS

最近の Windows と Mac の両方に標準搭載されている「游ゴシック」フォントだが、Windows にのみ細字の「Light」が搭載されているため、CSS でフォント指定をしても、Windows で閲覧したときだけ細いフォントで見えてしまう。 細いフォントも悪くはないが、…

游ゴシック (Yu Gothic) を Windows7 にインストールする

Windows 8.1 からメイリオの後継的な立ち位置で採用された「游ゴシック」フォント。OSX Marvericks にも標準搭載されているので、Windows と Mac で同じフォントを使用できそうなところ。 これを Windows7 にもインストールして使ってみる。 ダウンロードと…