問題 イラストレータにフォントを追加したい。 でもコンピュータにフォントをインストールしたくない（Windows\Fonts フォルダにフォントを増やしたくない）。 答え Illustrator は次のフォントを検索します。 コンピュータにインストールされているフォントを検出します。 フォントファイルおよび拡張子が「*.mmm」「*.pfb」「*.ttf」「*.fon」になっているファイルを下記のフォントフォルダから検索します。 Windows の場合　：　Program Files¥Common Files¥Adobe¥Fonts Mac OS X の場合　：　ライブラリ/Application Support/Adobe/Fonts Mac OS 9.x の場合　：　システム/Application Support/Adobe/Fonts Windows の場合なら、Windows\F

游ゴシックは素晴らしい。まず前提としてこれは間違いのないことです。 ただ、面倒くさい問題があるんですよね。 そう、かねてより議論されている、「WindowsのChromeで見にくいんすけど」問題。 この問題についてちょっと調べればわかるのですが、@font-face で解決している人がかなり多いです。僕も以前までそうしていました。

特定のフォントを指定しない、あるいはCSSの「総称ファミリ」を指定した場合、どのフォントで表示されるかをチェックしました。使用したブラウザは日本語版で(またはOSを日本語環境にして)、フォントの設定をいじっていない初期設定状態での結果です。 Safari 15 / macOS 12.0 無指定ヒラギノ明朝 ProN W3 serifヒラギノ明朝 ProN W3 sans-serifヒラギノ角ゴシック W4 cursiveヒラギノ明朝 ProN W3 fantasyヒラギノ明朝 ProN W3 monospaceMenlo / ヒラギノ角ゴシック W3 Chrome 96 / macOS 12.0 無指定ヒラギノ角ゴ ProN W3 serifヒラギノ明朝 ProN W3 sans-serifヒラギノ角ゴ ProN W3 cursiveApple Chancery / ヒラギノ角ゴ ProN

日本語のフリーフォントを好きな言葉・文章で試せるサイト

（2017年3月30日追記：フォント管理ツールに関しての記述は古くなっています。ご了承ください） DTP系の仕事をしていると、フォント環境を整理する必要が出てきます。 最近は自分だけで完結するWebの仕事しかしていないので結構ほったらかしにしていたのですが、気づいたらえらいことになっていたので、整理することにしました。 フォント管理の方針 フォント管理の基本は、 システムにインストールするフォントは最低限にする。 使うフォントは使うときだけ使用可能にする。（フォント管理ツールの使用） ということです。 あと、できれば、 未インストールフォントを選びやすくする こともやりたいのですが、これは大変なので、また次の機会にします。 現状の把握 やり方を説明する前に、現在の環境を確認しておきます。 私のマシンは、こんな感じでした。（記事を書いた2010年当時の話です） OS Windows7 Pro

こんにちは、めぐたんです。 フォント選びはデザイン制作において大切な要素。フリーフォントも種類が豊富にあり、眺めるのも楽しいですよね。 中にはつい色々と集めてしまって煩雑になってきた…と感じている方もいるのではないでしょうか？今回はそんな方にもおすすめなフリーのフォント管理ツール、「NexusFont」をご紹介します。 NexusFontとは？ 「NexusFont」を使うと、フォントを分類して管理できます。そして最大の特徴は必要なフォントを必要なときだけ使えるようになること。 そもそもWindows自体、システムにたくさんのフォントを入れていると起動時のフォントデータ読み込みに負荷がかかってしまう可能性があります。かといって都度アンインストールするのもまた大変…ということで、ツールを活用し効率良く管理していきましょう！ それでは、早速インストールして使ってみます。 インストールから初期設

個人や商用で無料利用できる、日本語のフリーフォント260種類を紹介します（公開時より、2つ追加）。 ビジネスからプライベートまで、幅広く利用できるフォントが満載です！ 毎年まとめていますが、去年は219種類だったので、大幅に増えています。無料でなくなったフォントや配布終了になったフォントもいくつかありました。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 まずは個人的に、今年一年かなり使用したフォントからご紹介。 3種類

Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります

新しい記事書きました。【font-familyについて本気で考えてみた】 「Chromeでも読みやすい游ゴシックを指定する方法 」の記事で游ゴシックが一部ブラウザで掠れる問題を解決出来たので、font-familyのベストプラクティスを考えてみたいと思います。 本当は「2016年font-familyの決定版」みたいなタイトルにしたかったのですが、執筆時は8月ですしね。2017年も名乗れません。 2020年と書いたのはWindows7のサポートが切れるのがこの年だからです。 目的はどの環境でも出来る限り近い見た目を目指すものではなく、実行環境で最も読みやすいものを目指すものです。MacよりもWindowsに比重をおいています。 -- 追記 -- Chrome58から一時対応しなくなってしまいましたが、游ゴシックをWindows版Chromeでキレイに表示する@font-faceの設定にヒン

モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現 〜WordPressで簡単に利用でき、SEOやユニバーサルデザインへの配慮を支援〜 デジタルフォントや組版用ソフトウェアの開発を行う株式会社モリサワ（本社：大阪市浪速区、代表取締役社長：森澤 彰彦）と、自社運営のデータセンターでインターネットインフラサービスを提供するさくらインターネット株式会社（本社：大阪市中央区、代表取締役社長：田中 邦裕）が協業し、「さくらのレンタルサーバ」利用者に向け、モリサワのWebフォント提供を開始いたします。また、Web制作者を対象としたイベントを7月27日（水）に開催いたします。 モリサワとさくらインターネットのコラボレーションにより、「さくらのレンタルサーバ」にてWordPressをご利用いただく際、モリサワのWebフォントサービス「TypeSquare」で提供中の書体の中から、30

中埜 @pisiinu この「僕だけがいない街」のロゴをデザインした人は誰なんだろう。すごいよ、このロゴ。「僕だけ」までは明朝体、「いない街」はゴシック体。間の「がい」がその二つをシームレスに繋いでいる。はじめて本屋でこれ見たとき「すげえ」って声に出た。 pic.twitter.com/XdiDj6wYQN 2016-03-23 22:40:47 中埜 @pisiinu 「僕だけがいない街」のロゴに得体の知れない違和感を感じてる人、結構いると思う。この言われるまでわからないくらいのギリギリに主張の少ないデザインにどれだけの力が込められているか。プロの仕事って凄い。 2016-03-23 22:43:38

操作は快適！ UIのデザインもいい！ 機能も充実！ と3拍子が揃ったWindowsでのフォント管理が捗るフォントマネージャーを紹介します。 しかも、完全無料です！ テキストのスタイル フォントのカラー、背景、サイズ、行間などを変更して一覧にできます。 コレクション システム、Typekitのグループの他に、自分でコレクションを作成できます。 ライブ テキスト編集 サンプルのテキストは編集可能で、日本語表示も可能です。 フォントの検索 簡単にフォントを検索できます。 フォントの比較 ピン機能を使って、複数のフォントを比較することができます。 OpenTyepのサポート 外字やスワッシュなど、OpenTyepの機能を広くサポート。 自動アップデート FontBaseは自動アップデートに対応しています。 キーボードショートカット 「Ctrl+F」で検索、「Enter」でテキスト編集、「Ctrl+

※この記事は2014年1月6日に執筆された記事です。現在は内容が異なる可能性があります。 あけましておめでとうございます！定番フォントを愛してやまない、デザイナーのタカハマです。今月からTypeSquareの「MORISAWA PASSPORTプラン」が始まるようで、国内サイトでもWebfontの使用が一気に増えそうですね！ そこで今回は、WebNAUTでも使用しているWebfontサービス「Google fonts」から、定番フォントの代わりに使えそうな書体をリストアップしました。 定番フォントをカタチ別にピックアップ 今回は定番フォントの偏りを防ぐために、誠文堂新光社「ABCのみほん〜かたちで見分けるフォントガイド〜」を参考に次のようなカテゴリで分類させて頂きました。 Historical Script 歴史的書体 Serif セリフ書体 Hybrid ハイブリッド書体 Sans Se

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

結論1：アルファベットでウエイトなしだけでも、すべてのモダンブラウザに対応可能です。ただし、旧バージョンのSafariやFirefoxでは対応がまちまちであったため、それらに対応するには併記します。 游ゴシック体と游明朝体はWinodws 8.1では日本語名、OS X Mavericks（10.9）ではアルファベット名のみの対応であるため、両名の併記が必要となります。 疑問2：「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」のどちらを記述すればいいのでしょうか。 「ヒラギノ明朝 Pro」を改訂し、JIS X 0213:2004の例示字体に対応させたものが「ヒラギノ明朝 ProN」です。 参考： ウィキペディア - ヒラギノ 「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い CSSのfont-family指定はこれで決まり！（2013春） 結論2：新しい字形に対応をしている「ヒ

Chrome 42でこのウェブサイトの日本語部分が変わってしまった(かもしれない)。内部的な標準フォント設定が変わったことにもよるが、それだけではない。設定で指定したSans SerifフォントがCSSのsans-serif汎用ファミリーに反映されなくもなった。lang属性がある要素のみで再現する。 Demo: lang="ja", font-family, and Chrome 42 例えばWindowsでは仮にChromeの設定(chrome://settings/fonts)からSans SerifフォントをＭＳ Ｐゴシックや游ゴシックなどに変更していた場合、lang="ja"を指定している最初のセクションのみChrome内部で設定されている日本語標準フォントであるメイリオになってしまう。OS Xでも同じ挙動になる。条件はlang属性というだけで、Googleの検索結果ページなどでも

たくさんのWEBアイコンフォントが使えるFontAwesomeですが、種類が豊富故に『あのアイコン使いたいけど名前なんだっけ・・・』ということも増えてきました。 htmlコードと、擬似要素で使いたい場面もあると思うのでcontentで指定する文字コードもまとめていきます！ 5.0とは合わないようですが、検索のコツは同様に学ぶことができます。 FontAwesomeの使い方まとめようかと思いましたが、こちらのサイト様より丁寧にできる自信がありません！ 使い方については↓を！ http://h2ham.net/font-awasome おんなじWEBアイコンフォントはGenericonsを使っていたのですが、いまいち文字とのベースラインが合わないのが気になって、最近はAwesomeをよく使っています。 Genericonsについての記事はこちらをどうぞ！ Twenty Fourteenに標準装