検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

Webフォントの検索結果(絞り込み: 3 users 以上)970 件中 1 - 40 件目

  • 今さら聞けないWebフォントの基礎知識 | 株式会社LIG

    こんにちは、デザイナーの花ちゃんです! デザインをするとき、どのようなフォントを使えば、そのサービスや商品、あるいは企業のイメージがより魅力的に伝わるのかを考えますよね。それはもちろん、We...

    今さら聞けないWebフォントの基礎知識 | 株式会社LIG
    • 2021年、Webフォントの表示を最適化するテクニック | コリス

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

      2021年、Webフォントの表示を最適化するテクニック | コリス
      • Webフォント読み込み戦略(2021年) - MOL

        Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標を...

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

          Making the web more beautiful, fast, and open through great typography

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

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

            フォントワークスの8書体がGoogle Fontsにて無料で利用可能に! | Web Design Trends
            • 【はてなブログカスタマイズ】noteからの引っ越し はてなって実はすごいのでは(いまさら) - TOMOKO OOSUKI

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

              【はてなブログカスタマイズ】noteからの引っ越し はてなって実はすごいのでは(いまさら) - TOMOKO OOSUKI
              • 【はてなブログカスタマイズ】WEBフォントをユニバーサルデザインフォントに変えました。 - TOMOKO OOSUKI

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

                【はてなブログカスタマイズ】WEBフォントをユニバーサルデザインフォントに変えました。 - TOMOKO OOSUKI
                • デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話

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

                  デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
                  • 【最新版】Font Awesome 5でアイコンを表示させよう!

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

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

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

                      【迷ったらコレ!】Webデザインでよく使う定番おすすめフォント 13選(日本語9フォント欧文4フォント) – 東京のホームページ制作 / WEB制作会社 BRISK
                      • 2021年に最適なfont-familyの書き方 - ICS MEDIA

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

                        2021年に最適なfont-familyの書き方 - ICS MEDIA
                        • Google Fontsのファイルサイズを簡単に軽量化できる!日本語フォントにも対応 | コリス

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

                          Google Fontsのファイルサイズを簡単に軽量化できる!日本語フォントにも対応 | コリス
                          • 2021年最新版、Font Awesome アイコンの使い方と便利な機能のまとめ | コリス

                            Font Awesome アイコンの基本的な使い方をはじめ、Webサイトやスマホアプリでアイコンを使う時の便利な機能をまとめて紹介します。 Font Awesome guide and useful tricks you might not know about. b...

                            2021年最新版、Font Awesome アイコンの使い方と便利な機能のまとめ | コリス
                            • 商用利用OK!2019年にリリースされた無料フォント30 | Webクリエイターボックス

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

                              商用利用OK!2019年にリリースされた無料フォント30 | Webクリエイターボックス
                              • Webフォントを使う時はbold時のfont-weightを読み込んだ上で扱う - Qiita

                                Help us understand the problem. What is going on with this article?

                                Webフォントを使う時はbold時のfont-weightを読み込んだ上で扱う - Qiita
                                • ゲーム・アプリに組込めるフォントまとめ|トリヘッズ

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

                                  ゲーム・アプリに組込めるフォントまとめ|トリヘッズ
                                  • Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました | Webクリエイターボックス

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

                                    Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました | Webクリエイターボックス
                                    • Webにおいて明朝体はNoto Serif CJKを使うべし -IE11対応版|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社

                                      こんにちは。5月に産休育休から復職したデザイナーのニシです。 最近、健康と体力作りのために筋トレを始めました。毎日昼休みにコヤマさんと一緒に10分ほど筋トレしてます。皆さんもいかがですか。 今...

                                      Webにおいて明朝体はNoto Serif CJKを使うべし -IE11対応版|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社
                                      • 日本語のwebフォントを使いたい時のメモ|くろひつじのメモ帳

                                        無料で使える日本語webフォント 無料で使える日本語webフォントも増えてきたので、一覧にしてみました。 Googleフォント M PLUS 1p / M PLUS Rounded 1c / さわらび明朝(Sawarabi Mincho) / さわらび...

                                        日本語のwebフォントを使いたい時のメモ|くろひつじのメモ帳
                                        • 商用利用可能!高品質なオススメ日本語Webフォント10選(無料フォント多数)

                                          Webフォントは、サーバーにあるフォントデータを読み込むことで、端末の環境に依存せず同じフォントをウェブページに表示する技術です。2010年頃からCSS3の登場とともに徐々に浸透し、近年ではさまざま...

                                          商用利用可能!高品質なオススメ日本語Webフォント10選(無料フォント多数)
                                          • Webフォントとは 使い方や「読み込みが重い?遅い?」に回答 | インタビュー

                                            Webフォントとは 使い方や「読み込みが重い?遅い?」に回答 | インタビュー
                                            • Webフォントとして日本語も使える!Adobe Fontsの使い方

                                              2019年4月3日 Webサイト制作, フォント, 便利ツール Webフォントとしておしゃれなフォントが使えるサービスで人気なのがGoogle Fontsですね。無料で手軽に使える便利サービスです。しかし、Webフォント...

                                              Webフォントとして日本語も使える!Adobe Fontsの使い方
                                              • 【Noto + YakuHanJP】日本語WEBフォント2018|株式会社クインテット

                                                こんにちは。 今回のテーマは「日本語WEBフォント2018」としています。 なぜこのタイトルなのかと申しますと、この記事の内容は2018年時点で、日本語WEBフォントを運用するベストプラクティスではない...

                                                【Noto + YakuHanJP】日本語WEBフォント2018|株式会社クインテット
                                                • 待望の正式版!WebフォントNoto Sans JPの使い方・ダウンロード方法を紹介!

                                                  いままでは、早期アクセス版(ベータ版的な)として公開されていたGoogle Fontsの日本語版ですが、ついに正式版が公開されました。 当ブログでも使用していた早期アクセス版の「Noto Sans Japanese」で...

                                                  待望の正式版!WebフォントNoto Sans JPの使い方・ダウンロード方法を紹介!
                                                  • ウェブフォント Noto Sans JPを使う 2019年新春 - がとらぼ

                                                    自分のウェブサイトの見た目を一定させるためにウェブフォントを使いたいということはある筈。 ただ、日本語のフォントはファイルサイズが大きいこともあって転送量や表示に時間がかかるなど困ることも...

                                                    • これなら簡単!SVG対応、アイコンを組み合わせてWebフォントのセットを作成できる無料ツール -Webfont | コリス

                                                      複数のアイコンを自由に組み合わせて、SVG対応のWebフォントにできるmacOS対応の無料ツールを紹介します。 ソーシャルメディア用のアイコンで作成したり、自分のサイト用のアイコンで作成したり、自分...

                                                      これなら簡単!SVG対応、アイコンを組み合わせてWebフォントのセットを作成できる無料ツール -Webfont | コリス
                                                      • Nuxt.jsでページ内の日本語だけでWebフォントのサブセットを作成したい(静的サイトの話) - Qiita

                                                        きっかけ 「JavaScriptのイベントをたくさん見られるサイト」というWebサイトをNuxt.jsで作成した際に、明朝のWebフォントを使ったのですが、どうせ静的サイトで使う文字が決まっているわけだから容量...

                                                        Nuxt.jsでページ内の日本語だけでWebフォントのサブセットを作成したい(静的サイトの話) - Qiita
                                                        • Adobeユーザー無料&商用可!あらゆるジャンルや雰囲気ごとにまとめたフォントパック厳選43個 - PhotoshopVIP

                                                          デザインに合ったフォントを探すのにお困りですか。Adobeが今回、40を超えるジャンルや雰囲気、テーマごとに数百個を超える書体をセレクトしたフォントパックを公開したので、今回はご紹介します。 ブ...

                                                          Adobeユーザー無料&商用可!あらゆるジャンルや雰囲気ごとにまとめたフォントパック厳選43個 - PhotoshopVIP
                                                          • 「Noto Sans Japanese」の不要なものは削除して必要なものだけ読み込む方法【Webフォント高速化】

                                                            Webフォントとして使える「Noto Sans Japanese」は、無料かついい感じのデザインで使えるので、おそらく多くの方が重宝しているフォントだと思いますが、デメリットが1点。 それは、読み込みが重すぎる...

                                                            「Noto Sans Japanese」の不要なものは削除して必要なものだけ読み込む方法【Webフォント高速化】
                                                            • タイポグラフィを活用するための12のツール

                                                              Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 デザイナーがコンテンツを重視したアプローチの利点を理解するにつ...

                                                              タイポグラフィを活用するための12のツール
                                                              • Google FontsのNoto Serif JPがIE11で表示されない時の解決法

                                                                2018年10月13日 WEBデザインやHTMLコーディングをする方にとって、身近になったWEBフォント。中でもGoogle Fonts(グーグルフォント)はとても貴重な存在ですよね?そのGoogle Fontsでついにの日本語フ...

                                                                Google FontsのNoto Serif JPがIE11で表示されない時の解決法
                                                                • Google Fonts + 日本語を使用して、Webサイトやブログがどのように表示されるか試すことができるツール -Fonty | コリス

                                                                  2018年9月にGoogle Fontsは日本語が正式にサポートされ、既に利用されている人、検討されている人も多いと思います。当ブログでも早期アクセスから使用しています。 日本語の正式サポートに伴い、Googl...

                                                                  Google Fonts + 日本語を使用して、Webサイトやブログがどのように表示されるか試すことができるツール -Fonty | コリス
                                                                  • TypekitはAdobe Fontsになりました #AdobeMAX #AdobeFonts – Adobe Creative Station

                                                                    The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

                                                                    TypekitはAdobe Fontsになりました #AdobeMAX #AdobeFonts – Adobe Creative Station
                                                                    • Google Fontsが正式サポートを開始した日本語ウェブフォント8種類それぞれの特徴と使い方 |https://wp.yat-net.com/name

                                                                      2018年 10月 03日 Google Fontsが正式サポートを開始した日本語ウェブフォント8種類それぞれの特徴と使い方 カテゴリ: Font タグ:ウェブフォント Google Fontsで早期アクセスとして提供されていた日...

                                                                      Google Fontsが正式サポートを開始した日本語ウェブフォント8種類それぞれの特徴と使い方 |https://wp.yat-net.com/name
                                                                      • Google Fontsで日本語フォントが正式サポート開始!使い方やダウンロード方法など | Web Design Trends

                                                                        Google Fontsが提供する日本語フォント Google Fontsで2018年9月現在提供されている日本語フォントは、下記の8種類です。 Noto Sans JP Noto Serif JP M PLUS 1p M PLUS Rounded 1c Sawarabi Mincho (...

                                                                        Google Fontsで日本語フォントが正式サポート開始!使い方やダウンロード方法など | Web Design Trends
                                                                        • Google Fontsが日本語WEBフォントを正式サポート – Dream Seed

                                                                          Google Fontsが日本語WEBフォントを正式サポート Chromeでフォントが汚くなる問題をまずなんとかしてほしい ユーザーの端末にインストールされていないフォントを表示できるWEBフォント。便利な反面、...

                                                                          Google Fontsが日本語WEBフォントを正式サポート – Dream Seed
                                                                          • Google Fonts正式版に日本語がやってきた! | バシャログ。

                                                                            週末に『カメラを止めるな!』を見てきたyanagimachiです。 全然事前情報入れずに行ったのですが、何も知らない方が楽しめそうなのでネタバレとかはやめておきます。 2018/9/12 13:20 Noto Sans JPを早...

                                                                            Google Fonts正式版に日本語がやってきた! | バシャログ。
                                                                            • アイコンフォントの使い方と注意点

                                                                              昨今のウェブ制作でアイコンの実装には何が使われているんでしょうか? アイコンフォントが主流なんでしょうか?それともSVGアイコン? このブログではIcoMoon で作ったアイコンフォントを使っているの...

                                                                              アイコンフォントの使い方と注意点
                                                                              • Fonty: the new way for testing web fonts

                                                                                This domain may be for sale!

                                                                                Fonty: the new way for testing web fonts
                                                                                • ためしがき

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

                                                                                  ためしがき