UIパーツにメイリオを指定しないほうがいい理由
はじめに 前提として本記事は特定のフォントを貶める意図はなく役割として使い分けることを推奨する記事です。 フォントにあるのは役割であり、優劣ではないということを念頭にご一読いただけると幸いです。 注意事項 メイリオという特殊なフォント まず具体的な問題点を挙げる前にメイリオというフォントについて軽く紹介させていただきます。 といってもWeb開発者にとっては馴染み深いフォントでありご存じの方が大半だと思います。 Windows Vistaより搭載されたこのフォントは未だに根強い人気があります。 記事にもあるように、このフォントは和文と英文の調和を重視して作られ英文のベースラインという考え方を取り込んでいます。 そこでメイリオでは和文を縦方向に95％に圧縮した形にして下部にスペースを開けた。こうすることで和文・欧文が混じったときに、それぞれのベースラインを合わせつつ、文字が上下に踊って見えると
2021 年 9 月に Morisawa フォントを一部提供を停止 : Adobe Fonts ユーザーガイド
Adobe Fonts ユーザガイド はじめに システムおよびサブスクリプション要件 ブラウザーと OS のサポート コンピューターへのフォントの追加 Web サイトへのフォントの追加 CC Mobile でのフォントの追加 フォントのライセンス フォントのライセンス アカウントの管理 Creative Cloud エンタープライズ版のお客様へのライセンス供与について アカウントへのフォントライセンスの追加 サブスクリプションライブラリからのフォントの削除 中国で登録された Adobe ID は Adobe Fonts の利用対象外 Creative Cloud サブスクリプションにこれらのフォントが含まれていない理由 2021 年 9 月に Morisawa フォントを一部提供を停止 フォントの入手と使用 Creative Cloud アプリケーションでの Adobe Fonts の使用
Web FontによるCore Web Vitalsへの影響と使い続ける方法｜平大志朗
だれかWebのチョットワカル人、 「(日本語など大容量の)Web FontのCore Web Vitalsへの影響 使い続ける方法とその是非」 を記事に書いてほしい。。。 preload頼りでいいんだろうか。どのくらい失敗するんだろうか…… — 辻正浩 | Masahiro Tsuji (@tsuj) January 20, 2021 私自身も、WebフォントがどれくらいCore Web Vitals影響するのか、影響を回避しながらWebフォントを使う方法がハッキリ分かっていなかったので、調査してみました。 本投稿はWEB上から入手できる情報源をもとに内容をまとめています。情報の正確性には留意していますが、私の独自の解釈・予想も含まれています。以上から、本情報はいち見解として捉えていただきますようお願い致します。WebフォントによるCore Web Vitalsへの影響とはCore Web
各OSの標準搭載フォント一覧へのリンク集
最近あらためてウェブサイトの本文の文字の読みやすさの大切さを実感していてfont-familyの指定を見直しています。そこで、まずは基本に戻って各OSに標準で搭載されているフォントの一覧を探してみたんですが、けっこう情報を見つけるのに苦労しました。 ということで、今後のためにWondows、Mac、iOSの標準搭載フォント一覧へのリンク集を作ってみました。Androidは一覧が見つけられず、基本情報だけ載せておきました。 おすすめのfont-familyの指定は、ありがたいこんな記事 やあんな記事 やそんな記事 で詳しく説明されてるんですが、自分でも特定のプロジェクトにあったfont-family指定ができるように、各OSの標準搭載フォント一覧にはさくっとアクセスできるようにしておきたいです。 ついでに、各OSのバージョンごとのマーケットシェアへのリンクもはっておきました。 目次 以下はペ
なぜタイポグラフィにおいてVertical Rhythm（バーティカルリズム）は重要な手法なのか？ | POSTD
Webのタイポグラフィについて少しでも調べたことがあるなら、 Vertical Rhythm という言葉を耳にしたことがあるのではないでしょうか。タイポグラフィを用いて仕事をする場合、最も重要な手法の1つです。このことについて知って以来、私は自分のサイト全てにVertical Rhythmを使っています。 ある日、Vertical Rhythmの重要性について自分が全く理解していないことに突然気付き、愕然としました。そしてその後すぐに2つの疑問が湧き上がってきました。「なぜVertical Rhythmを使うとサイトのデザインが向上するのか？ 」「自分のデザインを良くするために、Vertical Rhythmから何を学べばいいのだろうか？ 」。 私はこの疑問を解明しようと決めました。その考察を綴ります。 記事の最初にあたって認識を共通にするため、まずはコンテキストについて説明します。 Ve
フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)｜原田 佳樹 Harada Yoshiki
こんにちは！トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました！ 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄っています。客観的に見てもグラフィカル領域(特にサービスロゴ)が弱く、それを強化したい気持ちは前からありました。 世の中にある様々なサービスロゴを見ていくと、大体のロゴはシンボル＋タイポグラフィで構成されています。なので、フォントについて多少なりとも詳しくなれば、ロゴ制作の半分は出来るのではと思うようになりました。 リサー
Googleスライドでスライドショー・書き出しするとフォントが変わる問題の解決 - Qiita
結論 Google Fontのフォントから選べば変わらない 最近Google Fontに日本語のフォントも追加されたので、それを使う やりかた フォント選択から「その他のフォント」を選ぶ 日本語フォントを検索してリストのフォントをクリックし、マイフォント欄に追加されたことを確認する Google Fontにある日本語フォント一覧 https://fonts.google.com/?subset=japanese 「Noto」「Kosugi」「M PLUS」「Sawarabi」で検索して出てきたのを追加しておくと吉 (おすすめはKosugi, Notoあたり) フォント一覧に追加されるので使用する 画像書き出し・スライドショーでもフォントが変わらない!! デバイスフォントが使えないのは相変わらずなんですが、多少はマシになると思います。
macOS 10.14 Mojaveではフォントのサブピクセル・アンチエイリアス処理が変更されカラーフリンジがなくなるため、非RetinaディスプレイのMacに大きく影響。 | AAPL Ch.
macOS 10.14 Mojaveではフォントのサブピクセル・アンチエイリアスが廃止され、カラーフリンジ・エフェクトがなくなっています。詳細は以下から。 AppleはWWDC 2018のセッション209″What’s New in Cocoa for macOS”の中で発表したとおり、日本時間2018年09月25日にリリースした「macOS 10.14 Mojave」でフォントのアンチエイリアス処理(以下、AA)を変更しています。 There’s one last change I want to talk about, which is a change we’ve made to font antialiasing. If you go ahead and look at this screen comparison, I have macOS 10.13 on the left,
RightFont for Mac – すべての Mac に必要なただ一つのフォント マネージャ :: [ FLAT ] Develop
Mac 内のフォント管理にながらく FontExplorer X Pro を使ってきたが、あらゆる面で機能を凌駕する “RightFont” というフォント マネージャが登場していたので閃光の様に乗り換えた。トライアルのダウンロードができないところがやや心配だったものの、ウェブサイトからしてしっかりしている感が伝わったので Team License で購入してもらった。 結果、購入して本当に良かったと思える。太陽系に住んでいる全ての Mac ユーザーが使えばいい。それはまあ言い過ぎだとしても、ウェブなり DTP なりデザイン業で大量のフォントを扱われている方には導入をおすすめせざるを得ない。 RightFont – The future of font manager software for Mac OS X Sync! Sync! Sync! RightFont はライブラリをフォルダ
![RightFont for Mac – すべての Mac に必要なただ一つのフォント マネージャ :: [ FLAT ] Develop](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e90159802f5dac98ce2529d14b8838695694ef3/height=288;version=1;width=512/http%3A%2F%2Fflat.onotakehiko.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F12%2Feyecatch-medium.jpg)
RightFontで変わる。Macのフォント選びの新しいワークフローの可能性
SketchとかPhotoshopでのフォント選びって、あまり使い勝手が良くないですよね？ フォントのドロップダウンは小さくて見にくいし、日本語フォントは英語フォントの中から探し出すのに一苦労です。たとえばSketchの場合もドロップダウンが小さくて。。。フォント選びに無駄に時間を浪費している気がするのは僕だけでしょうか？ そんなデザイナーのストレスを解消してくれそうなのが、Mac向けフォント管理ツールの「RightFont for Mac 」です。$39.95（約4,500円／2016年3月1日現在）とちょっとだけ値は張るんですけど、多機能でサクサク動くので、メリットを考えたらその価値はありそうです。ただ、残念なことに重要な機能でうまく動かない場合があるので注意が必要です。 RightFontの便利機能 気に入ったのは以下の機能です。 SketchやPhotoshopにドラッグ＆ドロップ
「これと同じ感じのフォント使いたい」が叶う。カメラで読み取って似たフォントを探せる「Adobe Capture CC」が面白くて凄い
Webにせよ紙にせよ、看板でも広告でもなんでもいいのですが世の中には文字が溢れています。自分が文字を見てそれと同じ様なフォントを使いたいと思った時に「Adobe Capture CC」ならそれを調べて、さらに活用することができます。 「Adobe Capture CC」はカメラを使って文字なりを読み取ってそれを活用するアプリ。フォントを探したい場合はアプリを起動して「文字」の項目を選んで「+」ボタンでカメラを起動します。 フォントを確かめたい文字を線に合わせて撮影すればOK。解析範囲を微妙に調整することもできます。 解析は一瞬で終わり、読み取ったテキストと共に適合するフォント一覧が表示されます。 複数の候補が出てくるので、自分のイメージに近いもの、使いたいと思うものを保存してAdobe IDで同期すれば「Photoshop CC」「Illustrator CC」「InDesign CC」で
毎朝見てたはずなのに……知らない間に変わっていた駅の“アレ” 制作会社「気付かれなくていいんです」
駅の券売機やバスの行き先表示――そんな誰もが目にする物の一部が、多くの人に気付かれることなくひっそりと変わっていることをご存じだろうか。 実は、変わったのは「フォント」。2016年ごろからさまざまな交通機関の表示が新しいフォントに置き換えられているという。いったい何のために、どんなフォントに変更したのか。フォント制作企業のモリサワに聞いた。 2016年ごろから「ユニバーサルデザインフォント」に それって何？ 話をしてくれたのは、モリサワの園田晋さん（エンタプライズ事業部）と澤村明子さん（広報宣伝部）。園田さんによると、駅で使われるようになった新フォントの一部は、モリサワが手掛ける「ユニバーサルデザインフォント」（UDシリーズ）というものだ。 「JR東日本の券売機に使われているのは、モリサワのUD新ゴです。バスタ新宿にある電光掲示板の行き先表示などにも同じフォントが使われています」（園田さん
MacのExcel（エクセル）での文字入力が極めて重い時の解決策 | iDEACLOUD BLOG
普段からMacを利用しており、表計算ソフトはMac Office2011を利用しております。最近エクセルを触っていて、非常に文字入力（特に日本語）が遅く、仕事にならない・触るのが嫌になるレベルとなっておりました。毎日利用するものなので、このままではいけないと思い、解決策を調べてみました。 文字入力が遅い原因はフォントファイルの重複と初期設定ファイル いろいろと調べてみましたが「フォントファイルの重複と初期設定ファイル」が起因しているようで、どうやら同じような現象に悩んでいる方は多く、Appleのサポートコミュニティ「Excel2011で日本語入力のスピードが極端に遅い | Apple サポートコミュニティ」でも話題になっていました。 以下の方法で無事解決できましたので忘備録も兼ねて記したいと思います。 解決策は? 以下、Appleのサポートコミュニティに書かれた手順で行い無事に解決しました
OS X El Capitanから採用された「ヒラギノ角ゴ W0」が、他のウェイトとデザインが異なるのは、制作時期と制作者が違うため | Mac OS X | Mac OTAKARA
※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 SCREENグラフィックアンドプレシジョンソリューションズの三橋洋一氏のツイートによると、OS X El Capitanから採用された「ヒラギノ角ゴ W0」は、ヨコカク_タイプデザインとShotype Designによって制作されているそうです。 また、W1〜W9は90年代に字游工房で制作されたフォントなのに対して、W0は2014年に制作されており、制作時期の違いから、欧文は見出し用途を想定してかなり変えて作られているそうです。 W0だけ制作時期と制作者が違うためです。W1〜W9は90年代に字游工房で制作、W0は2014年にヨコカク（字游工房から独立）と岡野邦彦さん（欧文担当）に制作をお願いしました。雪だるま以外も色々違います。とくに欧文は見出し用途を想定し
Chromeでも読みやすい游ゴシックを指定する方法 - Qiita
Windows8.1から搭載された「游ゴシック」ですが、ChromeとOperaで薄く掠れて見難くなってしまいます。 一般的にはbodyにfont-weight: 500;を与えて回避している方が多いですが、フレームワークなどを使用した場合、font-weight100～400を指定しているコンポーネントの数だけfont-weight: 500;と指定しなければならなく、あまり現実的ではありません。 「游ゴシックについて」と「ベストなfont-family」がごちゃ混ぜになって記事が見難くなってしまいました。より詳細に書き込んだため記事を分割しました。 ストックされているかたや、ブックマークされている方にはご迷惑おかけします。 この記事はタイトルの通り游ゴシックのみを扱います。 当記事を踏まえたゴシック体のfont-familyの指定は「2020年まで使えるはずだったfont-family
あの「HG創英角ポップ体」の元となった直筆生原稿を見た
まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう？
Chromeでフォントに青と赤の影ができる
まず画像の説明を。 左側が問題が起きている状態のスクリーンショットで、右側上部は単純に拡大したものです。そして右側下部は、Chrome側で拡大をかけたものです。 起きるサイトはいつも起きていて、全ての文字というわけではなく、おそらくこの症状が出てるのは太字のみです。画像ではわかりにくいですが、文字の右側に青い影、左側に赤い影ができていて遠目では紫に見えます。また、画像右側下部のようにChrome側で拡大をかけると影は消えます。倍率は文字の大きさによって違うようです。 いつからか分からないのですが、原因は何でしょうか。 回答ありがとうございます。 Chromeでこの症状の起きるサイトをIEで開いてもその症状は起きず、問題なく表示されました。 ClearTypeテキストチューナー等、教えていただいたことを試してみましたが改善しませんでした。 画像は縮小されてしまうのですね。改めて貼ってみます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
“Adobe Typekit”が“Adobe Fonts”へ、複雑な利用制限をすべて撤廃してシンプルに - 窓の杜
このページを見るには、ログインまたは登録してください
RightFont for Macで高速フォント検索！フォント管理の悩みがなくなる！ - 株式会社bridge
