CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませて…
![モダン日本語フォント指定](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9b05b1af96d9369eef7854a11f845fdaae25554/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Ff6ccadc6152c4363a151e9d238cf4120%2Fslide_0.jpg%3F7009164)
Re : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い! ネタ元 : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い! ネタ元の記事にはいくつか疑問に思われる点があるので私で調べた内容をまとめておきます。 前置きとしてデバイスフォントの話となり環境によって異なる結果がでる可能性があることを前提に読んでください。 font-familyで「游ゴシック」を指定した場合に採用されるフォント まずは以下の箇所 そのため、font-familyで「游ゴシック」と指定すると、Macでは「ミディアム」で表示されて綺麗なのに、Windowsでは「細字」で表示されるためにかすれてしまうんです。 WWW WATCHさんで指摘(Windows で游ゴシックが細字になってしまう件は誰が悪いのかについて CSS 仕様から考えてみる)されている通りこれが事実ならW
Windows で 「游ゴシック」 フォントを使用すると細字で表示されちゃって困るという問題について、CSS の仕様を基に考えてみたいと思います。 Windows で 「游ゴシック」 フォントを使用すると細字で表示されちゃって困るという話、なんか Twitter で下記の記事が回ってきたので、あぁそういえばそんな問題がありましたよねと思い出したのですが、ちょっと気が向いたのでこれを CSS の仕様を基に考えてみたいと思います。 Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い! : Cherry Pie Web 要するに上記の記事の方が言うように制作者サイドの問題なのか、それとも Windows のレンダリングが悪いのかという話ですが、結論から言えば Windows が悪いってことでいいんじゃないかと思います。あと気になって自分の環境で調べてみたら、少なくとも Wi
(2016年7月26日:フォロー記事を書きました。「Windowsで游ゴシックが汚いのは、結局誰が悪いのか?」) (2016年7月11日追記:Windows8.1においても細字ではなく標準が使用されているのではないかというご指摘を受けて、若干表記を修正しました) (2016年6月29日追記:Twitterでご指摘を受けて、Windows8.1と10での違いを追記しました) (2017年3月27日追記:当サイトでの使用CSSについて追記しました) (2020年9月13日追記:当サイトでの使用フォントについて追記しました) タイトルが旬を外していて、しかもちょっと釣り気味で申し訳ありません・・・ OS X MavericksとWindows 8.1に共通のフォント「游ゴシック」・「游明朝」が搭載され、CSSのfont-familyに「游ゴシック」を指定すれば、Webデザイナーの長年の悲願であっ
昨夜あっていたWWDC 2015のお話。 WWDCはAppleが毎年やっている、iOSとOS Xの話題がメインの開発者向けイベント。毎年この時期になると、色々なニュースサイトやブログがその内容の予想を始め、今回に関して言えば、iOS、OS X、あとは音楽配信サービスの話が盛り上がっていた。で、いざ蓋を開けてみると中身は実際そうだったんだけど、その中で一つ個人的にめちゃくちゃテンションの上がるニュースがあった。 それが、Mac OSに4つの新しい日本語フォントが加わるニュース。 僕は今朝これを見て「Appleやりおった!」と一人電車の中でめちゃくちゃ興奮していたんだけど、残念なことに?一日経ってみてもネットに上がってくるWWDCのまとめ記事ではこの話題の取り扱いがめちゃくちゃ小さく、ものによっては完全にスルーしているのもある。 記者の方がこのニュースにあまりインパクトを感じていないんだと思う
※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 OSXDailyなどによると、AppleのMac 30周年記念サイト「Thirty Years of Mac」には、隠しファイルとして、Macアイコンフォント「mac-icon-standard.ttf」が置かれていると伝えています。 これはWebフォントとして使用されているようで、他に「mac-icon-simple.ttf」も有ります。 フォントをダウンロードしたら、フォントファイルをダブルクリックして、Font Bookからインストールし、Font Bookからドラッグ&ドロップなどにより、OS X上でフォントとして使用することが出来ます。
NewsTop stories To celebrate the Mac’s 30th anniversary today, Apple created an amazing font set made up of tiny little Macs. It depicts every model the Cupertino company has released since the original Macintosh made its debut back in 1984, and with the right URL, you can download it for yourself. Apple hasn’t been advertising the download, so it isn’t easy to find — but iOS developer Greg Barbos
昨日フォントのおはなしをしましたのでちょいと関連した記事をば。 Macには「フォント」を司るフォルダが3つ存在しております。 その場所と意味をきちんととらえていないと時たまとんでもない事故が起こったりするので記しておきます。 フォントファイルは3つ Macのフォントファイルは合計3つ。 システム/ライブラリ/Fonts ライブラリ/Fonts ユーザ/ライブラリ/Fonts の三ヶ所。 システム/ライブラリ/Fonts Macintosh HD内、「システム」の「ライブラリ」にあるフォントフォルダ。 ここにはMacのシステム自体が使用するフォントが収められています。 システムが使用するフォントですので、このファイルを弄ることは基本厳禁で、ファイル内のフォントを消去したり、追加したりすることはやめましょう。とんでもない事が起こったりします。 ライブラリ/Fonts 次にMacintosh H
フォントをインストールすることは、よくあるのですが、あれ?フォントをアンインストールするのってどうだったかなと思い調べてみました。 すると、フォントのアンインストールもインストール同様のMacOSX標準アプリのFont Bookできるようです。 普段あまり使わないのでもう少しFont Bookについて調べてみました。 するとFont Bookはインストールやアンインストールだけでなくフォントの管理もできるスゴく便利なアプリだったので紹介したいと思います。 そんなこと知ってるよ!っと言う方は、スルーして下さい。 フォントのインストール・アンインストール、使用停止 フォントのインストール フリーフォントを入れることも良くあるのでフォントのインストール方法は大丈夫と思いますが、とりあえず紹介します。 Font Bookのメニューのファイル>フォントを追加… もしくは、歯車メニュー>フォン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く