先輩「このテキスト、デバイスでやってね」 新人「え?デバイスってなんですか?」 こんなやりとり、経験ありませんか? 今回は新人にありがちな、「デバイスフォントとWEBフォントって何?」「WEB上のテキストで使えるフォントってどんな種類があるの?」という疑問にお応えします。 目次 HTMLテキスト・画像テキストとは? HTMLテキストで使えるフォント4分類! 1.パソコンやスマホのOSに元々入っているフォント(=OS標準フォント) 2.ユーザーが個別にパソコンにインストールしたフォント 3.外部のWEBフォントサービスが提供するフォント 4.自分でサーバーにアップしWEBフォント化したフォント 番外:OS標準フォントでいいんだけど結局何を使えばいいの? HTMLテキスト・画像テキストとは? WEB上で表示されるテキストは、大きく「HTMLテキスト」と「画像テキスト」の2つに分けられます。 「
![デバイスフォント・WEBフォント大解剖 〜新人デザイナーのテキストフォント選び〜 | WebNAUT by Beeworks](https://cdn-ak-scissors.b.st-hatena.com/image/square/e564be3d2fd11131c37243c2ca77dbbe4e8ee34f/height=288;version=1;width=512/https%3A%2F%2Fwebnaut.jp%2Fwp-content%2Fuploads%2F2016%2F04%2Fthumbnail_b_design_160418.png)