macOS Catalinaでヒラギノ角ゴPro/ProNが消える - kyoto.nagoya Blog
macOS Catalinaが日本時間の１０月８日午前２時ぐらいにリリースされまして，早速アップグレードしました． www.itmedia.co.jp アップデートは順調に終了．設定も終わり，いざChromeを開いてみると・・・ あれ？ フォントがおかしい． ヒラギノの匂いがしないフォントになっている気がしたのでFont Bookを見てみると・・・ Font Bookで「ヒラギノ」と検索すると ヒラギノ角ゴPro/ProNが消えているではありませんか Catalinaではヒラギノ角ゴシックにすべて統合された形になったんですね．だからChromeを開くとフォントが変わっていたのですね． ヒラギノ角ゴシックとヒラギノ角ゴPro/ProNの違い 「ヒラギノ角ゴPro/ProN」は，かなり昔からmacOSに搭載されていました．もちろん，今までのmacOSの日本語フォントの主流はこちらでした．しかし
【CSS】ブラウザの限界を突破した極小サイズの文字を表示させてみた。
ウェブサイトのフォントサイズはどこまで小さくできるのか？ 今日は、そんな素朴な疑問に挑戦します。 スタイルシートで指定できるフォントサイズの限界 通常、CSSではフォントサイズを指定する際に font-size:12px; などと記述します。 もしフォントサイズを変えたければ、この数値を増減させて font-size:8px; や font-size:15px; と記述します。 単位は「px」の他に「%」や「em」、最近流行の「rem」を使うことになります。 ここまでは基礎なので問題はありませんね。 問題となるのは font-size:3px; と極小のフォントサイズの値を記述したときです。 実はブラウザ側では『最小のフォントサイズ』が設定されているために、その値より小さい数値を指定しても反映されない仕様になっています。 例えば Safari では『9px』に、Google Chrome
手書き風デザインと相性良さそうなフリーフォント 50 - NxWorld
好みなものや気になるものを見つけてはメモしていたのが結構溜まってきたので、普段からよく利用させてもらっているのも含めて自分の備忘録用でまとめました。 いずれも手書き風デザインに相性が良さそうなフリーフォントで、この手のタイプの中では有名なものから割と新しいものまで和文・欧文それぞれ25種類ずつの全50種類です。 女性や子供が書いたような特徴的なものや可愛らしいタイプのもの、チョークや鉛筆で書かれたようなものまで様々なタイプがあります。 紹介しているフォントは、いずれも利用規約を守れば基本的にフリーで使用することができ、特に和文フォントに関しては全て個人・商用問わず無料で使用できます。 ただ、あくまでこのエントリー公開時の情報ということと中には無料で商用利用可能でも作者に連絡する必要があるフォントもあるので、使用する際はライセンス等を各自で再度確認してください。 紹介しているフォントを使用す
[CSS]フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック
フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
GoogleとAdobeのフォントNoto Sans（Source Han Sans）の画期的なところ
2014年7月16日に、Google と Adobe がリリースした Noto Sans（Adobe からは Source Han Sans という名称でリリース）というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト（フォントの太さ）が異なることがありました。 ※この画像は、Nexus 7（Android 4.4）で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IcoMoon App
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon
GitHub - sorccu/cufon: Fast text replacement with canvas and VML - no Flash or images required.