デスクトップおよびiOSのWebサイトでフォントを検索する方法
その他 / / December 02, 2021
私たちの新しいデザインの最初のドラフトを見たとき 究極のガイドと電子ブックセクション、私が最初に疑問に思ったのは、「そのヘッダーフォントは何ですか?」でした。 なめらかでモダンでありながら、新聞風のセリフ感があります(ネタバレ:それはRalewayでした)。
さて、私はそれがどんなフォントであるかをデザイナーに尋ねることができたかもしれませんが、それは私の圧倒的なエゴではうまくいきませんでした。 その代わりに、私はあなたのためにそれを検索する拡張機能を使用しました。 人間との接触を避けることができる拡張機能? すでに興味をそそられていると言えます。
これは、Chrome、Safari、Firefoxなどのデスクトップブラウザから実行でき、iPhoneまたはiPadから実行できます。 iOS 8 同様に。 どのように? 調べるために読んでください。
デスクトップでのフォントの検索
WhatFontはChromeと サファリ ページのソースコードをスキャンして、問題のフォントを教えてくれます。 そして、ほとんどの場合、それは正しくなります。 Firefoxユーザーの場合は、チェックアウトしてください フォントファインダー.
これがアプリの仕組みです:ダウンロードします 拡張機能、権限を付与してアクティブ化し、拡張バーに配置します。
これで、ページを閲覧しているときに、名前を知りたいフォントを見つけたら、[WhatFont]ボタンをクリックします。
これで、マウスポインタをテキストの上に置くだけで、拡張機能によってフォントが必要かどうかがすぐにわかります。 それをクリックすると、バブルが展開され、フォント、フォントファミリ、サイズ、さらには行の高さがプレビューされます。
iOS8上のSafari用のWhatFont
信じようと信じまいと… iOS8はのサポートをもたらしました 拡張機能. アクション拡張機能は、Safariなどのブラウザでサポートされています。 これが意味するのは、クローズドシステムであるiOSは、小さなものではありますが、拡張機能のライブラリにアクセスできるということです。 前 Androidはそうです。 それは、私は期待していませんでした。 とにかく、ここにいます。 Androidでもこれを行う方法を知っている場合は、コメントでお知らせください。
iOSでは、 WhatFontアプリ
. それ自体は何もしません。 拡張機能を有効にする方法に関するガイドが表示されます。 Safariに移動し、をタップします 共有 ボタンをクリックし、一番下の行で、右端までスライドしてクリックします もっと. ここから有効にします WhatFont.次に、Safariで問題のページを開き、画面をタップして、識別したいフォントのテキストの上にドラッグします。
クリック 共有 ボタン、選択 WhatFont、フォントの詳細を示す画面が表示されます。 ここには、フォントファミリ、フォントの種類、さらにはフォントサイズが表示されます。
あなたの好きなフォントは何ですか?
メンローと入力します 定期的ですが、AvenirNextまたは単なる古いHelveticaで読むことを好みます。 私はで使用されるフォントのファンでもあります Instapaper ティサ、ジョージア、リヨンのように。 あなたはどうですか? あなたの好きなフォントは何ですか? 以下のコメントでお知らせください。