サイト制作関連はてブサイト制作に関連するはてブ記事をタグで抽出しただけ

Webフォント

新しい日本語フォントがたくさんリリースされてる! 2021年、日本語の新作フリーフォントのまとめ

2021年もあと残り2週間ですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだ …続きを読む

2021/12/16 09:53

  • Pocket

2021年、Webフォントの表示を最適化するテクニック

Webページに表示するフォントは通常、システムフォントとWebフォントの2種類があります。システムフォントはOSにインストールされているフォントで、Webフォントは表示用にフォントファイルを用意する必 …続きを読む

2021/6/3 09:52

  • Pocket

Webフォント読み込み戦略(2021年) - MOL

Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるとい …続きを読む

2021/4/21 20:04

  • Pocket

フォントワークスの8書体がGoogle Fontsにて無料で利用可能に! | Web Design Trends

筑紫書体やロダンなどの有名フォントを提供する「フォントワークス」が2021年1月にGoogle Fontsで8つの書体の提供を開始しました。 これにより、Google Fontsで利用できる日本語フォ …続きを読む

2021/1/20 09:17

  • Pocket

Time to Say Goodbye to Google Fonts: Cache Performance

I’ve used Google Fonts in prototypes and in 10M+ MAU products. It’s incredibly easy to get started w …続きを読む

2020/12/4 18:47

  • Pocket

【はてなブログカスタマイズ】noteからの引っ越し はてなって実はすごいのでは(いまさら) - TOMOKO OOSUKI

note→Jimdoのブログ機能→はてなブログへの引っ越し 【はてなブログのカスタマイズで参考になった記事】 ・テーマは「SOHO」を選びました。 ・こちらのページでCSSを生成し、タイトル下にメニュ …続きを読む

2020/11/4 01:26

  • Pocket

【はてなブログカスタマイズ】WEBフォントをユニバーサルデザインフォントに変えました。 - TOMOKO OOSUKI

特に記事内容とは関係ない、アサイーのイラストです WEBフォントをユニバーサルデザインフォントに変えました。 「みんなの文字」というものです。 なんと無料のユニバーサルデザインWEBフォントが存在する …続きを読む

2020/11/2 19:42

  • Pocket

デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話

こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明も …続きを読む

2020/10/18 07:02

  • Pocket

【最新版】Font Awesome 5でアイコンを表示させよう!

ウェブサイトやウェブアプリケーションで、アイコンを表示させたいときってありますよね? 例えば、矢印、チェック、コピー、TwitterやFacebook… そんなときに使えるのがFont Awesome …続きを読む

2020/8/27 18:25

  • Pocket

Webフォントをサーバにアップロードして使うには?注意点や実装方法まとめ | 株式会社グランフェアズ

Posted by NAGAYA on Jul 25th, 2019 Webページ上のテキスト表示に使うフォントは、基本的にPCにデフォルトで入っているもの(たとえばWindowsの和文フォントならメ …続きを読む

2020/8/27 00:21

  • Pocket

【迷ったらコレ!】Webデザインでよく使う定番おすすめフォント 13選(日本語9フォント欧文4フォント) – 東京のホームページ制作 / WEB制作会社 BRISK

Google Fontsのサービスなど、最近では無料で使えるフォントも増えてきました。 しかし、数もかなり多くどんなフォントを使えばいいのか迷ってしまいますよね。 今回はWebデザインの現場からよく使 …続きを読む

2020/8/13 23:19

  • Pocket

Webサイトで使われるフォント厳選16個 - Google Fonts 編

今回は1,000以上確認したWebサイトの中から、特に良く使われているGoogle Fontsを紹介します。フォントを使っているサイトも一緒に紹介しているので参考にしてみてください。 前提条件は以下で …続きを読む

2020/4/12 13:43

  • Pocket

2022年に最適なfont-familyの書き方

ウェブサイトのフォントは何を指定すればよいのでしょうか? CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 fo …続きを読む

2020/3/17 21:16

  • Pocket

Google Fontsのファイルサイズを簡単に軽量化できる!日本語フォントにも対応

Google Fontsは英語フォントだけでなく日本語フォントもあり、すでに使用している人、もしくは使用を検討している人も多いと思います。その際に懸念されるのが、フォントファイルのサイズです。 フォン …続きを読む

2020/2/19 09:47

  • Pocket

Google Fonts

Making the web more beautiful, fast, and open through great typography …続きを読む

2020/1/21 07:17

  • Pocket

2021年最新版、Font Awesome アイコンの使い方と便利な機能のまとめ

Font Awesome アイコンの基本的な使い方をはじめ、Webサイトやスマホアプリでアイコンを使う時の便利な機能をまとめて紹介します。 Font Awesome guide and useful …続きを読む

2020/1/9 09:56

  • Pocket

商用利用OK!2019年にリリースされた無料フォント30

2019年12月20日 フォント 2019年もあとわずか!今年も数多くの素敵フォントがリリースされました!この一年を振り返って、「これは!」と思ったフォントをいくつか紹介します。どれも無料でダウンロー …続きを読む

2019/12/20 10:10

  • Pocket

Webフォントを使う時はbold時のfont-weightを読み込んだ上で扱う - Qiita

はじめに Webフォントは無償のものもあり、気軽に利用できる環境になっています。中でもGoogle Fontsを利用している人も多いのではないでしょうか。私もよく使わせてもらっています。 今年、 コー …続きを読む

2019/12/8 03:22

  • Pocket

ゲーム・アプリに組込めるフォントまとめ|トリヘッズ

07/26 IBM Plex Sans JP、デラゴシック、はんなり明朝追加。ゴシック体三種比較画像を追加。 フリーまたは比較的安い組込み(埋め込み)可能なフォントを厳選して紹介します。 フォントの組 …続きを読む

2019/9/24 11:51

  • Pocket

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました 2019年9月5日 Webサイト制作, 便利ツール Font AwesomeはWebペー …続きを読む

2019/9/5 08:19

  • Pocket