検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

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

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

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

    デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
    • 2020年に最適なfont-familyの書き方 - ICS MEDIA

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

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

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

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

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

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

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

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

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

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

                9/11 欧文サンプル画像のxがsになっていたのですべて差し替え。欧文と見出し系にいくつかフォントを追加。文章を全体的にリライト。 フリーまたは比較的安い組込み(埋め込み)可能なフォントを厳選して...

                ゲーム・アプリに組込めるフォントまとめ|トリヘッズ
                • 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フォントってなに? 遅くないの? SEOにはどうなの? 「フォントおじさん」こと関口さんに聞いた。 | インタビュー | Web担当者Forum

                        Webフォントってなに? 遅くないの? SEOにはどうなの? 「フォントおじさん」こと関口さんに聞いた。 | インタビュー | Web担当者Forum
                        • Webフォントとして日本語も使える!Adobe Fontsの使い方 | Webクリエイターボックス

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                                          タイポグラフィを活用するための12のツール | UX MILK
                                          • 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

                                                すでにご存じかと思いますが、Typekitはフォントを意味します。Typekitチームがアドビの仲間入りをして以来7年、私たちはクリエイティブコミュニティと密接に連携しながら、サービスの価値の進化と拡張...

                                                TypekitはAdobe Fontsになりました #AdobeMAX #AdobeFonts – Adobe Creative Station
                                                • Google Fontsが正式サポートを開始した日本語ウェブフォント8種類それぞれの特徴と使い方 – YATのblog

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

                                                  Google Fontsが正式サポートを開始した日本語ウェブフォント8種類それぞれの特徴と使い方 – YATのblog
                                                  • 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正式版に日本語がやってきた! | バシャログ。
                                                        • アイコンフォントの使い方と注意点 | Rriver

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

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

                                                            ��� ���

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

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

                                                              ためしがき
                                                              • 人気フォント Futura そっくり?!商用利用もできる無料万能フォント Renner* - PhotoshopVIP

                                                                1927年に Paul Renner によって設計、デザインされた書体 Futura は、世界的にも特に人気の高いフォントのひとつで、企業ロゴなどにも数多く活用されています。シンプルで美しいスタイルが目を引くフォ...

                                                                人気フォント Futura そっくり?!商用利用もできる無料万能フォント Renner* - PhotoshopVIP
                                                                • [Webフォント]意外と簡単!フォントを自分でアップロードしてWebフォント化する手順 | ひま缶

                                                                  最近ではフリーでも日本語フォントが色々出てきているようですね。 そんな恵まれたこのご時世、Webフォントを導入して差別化したい!可読性を高めたい!と考える運営者様も多いのではないでしょうか。 ...

                                                                  • サイトの高速化、軽量化をするために行った事 | 株式会社 エヴォワークス -EVOWORX-

                                                                    先日某案件でペライチのコーディングを担当しました。ある程度完成したところでサーバーにアップしました。しかし読み込み終わるのに5秒以上かかりすごく重い。。。 パッと見て負荷かかっていそうな部...

                                                                    サイトの高速化、軽量化をするために行った事 | 株式会社 エヴォワークス -EVOWORX-
                                                                    • 【決定版】フォントの設定はこれで決まり❗️ | Webデザインラボ

                                                                      Last updated on 2018/05/10 こんにちは(・∀・) CSSでフォントの種類を指定する場合、「font-family」で指定しますが、 フォントは何を指定してますか⁉️ font-family 定番の設定としては次のような感...

                                                                      【決定版】フォントの設定はこれで決まり❗️ | Webデザインラボ
                                                                      • Web フォントの表示の最適化 〜 Font Loading API 〜 – rilakkuma3xjapan's blog

                                                                        1. Overview Web フォントはその性質上, ブラウザがテキストの表示に必要なフォントを知ることができるのは他のリソースと比較するとずっと後になります. @font-face が含まれた CSS をロード スタイル...

                                                                        • Webフォントを活用するためのポイントとは? | Webデザイン、これからどうなるの?(全10回) | Web担当者Forum

                                                                          Webフォントを活用するためのポイントとは? | Webデザイン、これからどうなるの?(全10回) | Web担当者Forum
                                                                          • Font Awesome 5 Freeで疑似要素(:after,:before)のcontent指定する場合 - Qiita

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

                                                                            Font Awesome 5 Freeで疑似要素(:after,:before)のcontent指定する場合 - Qiita
                                                                            • 高速で Noto Sans 日本語を使う方法

                                                                              これ以降は、通常のフォントウェイトの Regular、太字の Bold を例に説明します。 ダウンロードするファイルは、以下のとおりです。 NotoSansCJKjp-Regular.woff2 NotoSansCJKjp-Regular.woff NotoSans...

                                                                              高速で Noto Sans 日本語を使う方法
                                                                              • Webフォント初心者にオススメ!Google Fontsの使い方3STEP|ferret

                                                                                自社のWebページを制作する時、「せっかくなら機能だけではなく、デザインにもこだわりたい!」と考える方は少なくないはずです。 一言にデザインといっても、イラストや写真などの素材、ページ全体の...

                                                                                Webフォント初心者にオススメ!Google Fontsの使い方3STEP|ferret
                                                                                • ブログ記事に「目次」を付けよう!メリットや作り方をご紹介 | 株式会社WEB企画

                                                                                  目次とは 目次とはページの見出しにページ内リンクをするような形で、見出しをリスト化したものです。既に見かけたと思いますが、当サイトの目次は下図のように表示しています。 ブログ記事に目次を付...

                                                                                  ブログ記事に「目次」を付けよう!メリットや作り方をご紹介 | 株式会社WEB企画