Corredor

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

フォント

Mac 向けの TTF・TTC 形式のフォントファイルを OTF 形式に変換し Windows でも使えるようにする

フォントファイルにはいくつかの形式があるが、中でも TrueType フォントである .ttf 形式のファイルは、Windows と Mac とで中身が全く違い、互いの OS で共用できないのが難点。 また、この TTF 形式のフォントファイルを複数格納している .ttc フォントも…

アイコンが付く ls コマンド「lsd」を試してみたいので Rust のインストールからやってみる

ls コマンドが高速かつリッチに動作する、lsd というコマンドがあるらしいので、それを使ってみるまでの記録。 参考:Linuxメモ : lsに色、アイコンを付けて表示するRust製のlsdを試してみる - もた日記 lsd コマンドは Rust 製なので、Rust をインストール…

MacOS のフォントファイル、こんなところにもあった

MacOS Mojave で確認。 MacOS のフォントファイルの在り処を探していた。 主なフォントファイルは、大体以下の3箇所のどこかにある。 /System/Library/Fonts/ システム利用。消すと不具合が出る恐れ /Library/Fonts/ 複数ユーザで共用できるフォント ~/Libra…

Windows の游ゴシック Regular・Light を Medium フォントに差し替えて太く見せる VBScript

Windows で游ゴシックフォントが細く見える問題に終止符。 neos21.hatenablog.com neos21.hatenablog.com Windows に搭載されている「游ゴシック Regular」と「游ゴシック Light」について、フォント名とフォントファイルの関連付けを行っているレジストリを…

Windows・Chrome で游ゴシックフォントを少しだけ太く見せる JavaScript と CSS

以前、「ウェブサイトに適用する游ゴシックフォントを見直しまくった最終解」という記事を書いた。 neos21.hatenablog.com おかげさまで、はてブで77ブクマ (本稿執筆時点) いただき、皆様もこの件について苦労なさっていることが伺い知れた。 今回はこの続…

Neo's Normalize で指定するフォントを見直して v1.0.11 をリリースした

少し前に、Chrome ブラウザで @font-face による游ゴシック Medium 指定が効かなくなっていたことに気付き、色々調査した記事を書いた。 neos21.hatenablog.com この調査を通じて、Neo's Normalize のフォント指定を見直したので、その内容を紹介する。 コレ…

ウェブサイトに適用する游ゴシックフォントを見直しまくった最終解

拙作のノーマライズ CSS ライブラリ、「Neo's Normalize」を見直していたところ、Windows の Chrome ブラウザで適用されている游ゴシックフォントがかすれていた。 「あれ?@font-face で游ゴシック Medium を指定してるのにな?」と思い、設定を見直したと…

世間の font-family 設定を軽く調べた

normalize.css にはバグフィックス以外の font-family 設定がない。フォントも「味付け」の一つと考え、「ノーマライズ」CSS としては何も適用していないのだろう。 しかし、現実的には、serif ではなく sans-serif 系のシステムデフォルトフォントを使わせ…

2019年以降はコレで決まり!Web サイトで指定するゴシック体・明朝体・等幅の font-family 設定 (2018年版から少しアップデートしたョ!)

去年書いた記事のアップデート版。 neos21.hatenablog.com 拙作の @neos21/neos-normalize はバージョン 1.0.7 になり、チマチマとオレオレパーフェクト設定に向けた調整をしてきた。 その調査結果をまとめ、2019年以降はこんな font-family 指定で決まりだ…

Mac の PowerPoint でスライドのデフォルトフォントをユーザ定義する方法

macOS Mojave、Microsoft PowerPoint for Mac バージョン 15.41 (171205) で検証。 PowerPoint のテーマを変更しようと思い、「スライドマスター」の中でデフォルトフォントを変更しようとしたところ、なぜか「フォントのカスタマイズ」の項目がない。 参考…

「Web フォント」を使って OS 依存しない日本語対応の等幅フォント Noto Sans Mono CJK JP を適用する

最近の Windows と Mac は、「游ゴシック体」という同一のサンセリフ・フォントを標準搭載するようになった。メイリオとヒラギノ、MS P ゴシックと Osaka のように、OS ごとに標準フォントが異なり、ウェブサイトの見栄えが OS によって異なってしまう問題を…

「MacType」で Windows でも Mac 風のアンチエイリアスを当てる

Mac Fan 2018年2月号 [雑誌]出版社/メーカー: マイナビ出版発売日: 2017/12/27メディア: Kindle版この商品を含むブログを見る MacType というフリーソフトを入れると、Windows でも Mac 風なアンチエイリアスの利いた滑らか美しフォントになると聞いたので、…

Windows の Firefox でフォントが汚かったので直した

フォントのふしぎ ブランドのロゴはなぜ高そうに見えるのか?作者: 小林章出版社/メーカー: 美術出版社発売日: 2011/01/17メディア: 単行本(ソフトカバー)購入: 11人 クリック: 235回この商品を含むブログ (33件) を見る Windows の Firefox と Chrome で…

Firefox の Stylish でできるオススメフォント設定

デザインの腕が上がる 凄いフリーフォント1500【 DVD-ROM付き】作者: ラトルズ編集部出版社/メーカー: ラトルズ発売日: 2015/01/26メディア: 単行本(ソフトカバー)この商品を含むブログを見る ついに Firefox アドインの Stylish に手を出した。サイト作成…

レスポンシブルにフォントサイズを変更し、最小サイズ・最大サイズを指定する方法

レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)作者: 菊池崇出版社/メーカー: アスキー・メディアワークス発売日: 2013/07/30メディア: 大型本この商品を含むブログ (3件) を見る メディアクエリで実現するレスポ…

CSS の font-family に書くフォント名の調べ方

デザインの現場で役立つ フリーフォントセレクション1000作者: GOLDEN AXE出版社/メーカー: standards発売日: 2017/03/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る CSS の font-family にどんなフォント名を書いたらいいのか調べる方法。…

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 指定。 neos21.hatena…

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

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

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

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

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 にもインストールして使ってみる。 ダウンロードと…