検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

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

  • Webフォントってなに? 遅くないの? SEOにはどうなの? 「フォントおじさん」こと関口さんに聞いた。 | インタビュー | Web担当者Forum

    Copyright ©2019 Impress Corporation, An impress Group Company. All rights reserved.

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

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

      Webフォントとして日本語も使える!Adobe Fontsの使い方 | Webクリエイターボックス
      • 【CSS3】いい感じな英語フォントでWebフォント | Webデザインラボ

        Last updated on 2019/03/25 こんにちは(・∀・) 前回の【CSS3】いい感じな日本語フォントでWebフォントで良い感じの日本語フォントをご紹介しました。今回は英語版となります。 いつも言ってますが、...

        【CSS3】いい感じな英語フォントでWebフォント | Webデザインラボ
        • 【CSS3】いい感じなフォントでWebフォント その2(日本語) | Webデザインラボ

          前月(2月)の人気記事トップ10 ( 1 - ) 【CSS】CSSだけでドロップダウンメニュー ( 2 - ) 【Mac】Macのユーザー名とアカウント名を変更する ( 3 - ) 【jQuery】jQueryでドロップダウンメニュー ( 6 ↑) ...

          【CSS3】いい感じなフォントでWebフォント その2(日本語) | 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
              • これなら簡単!SVG対応、アイコンを組み合わせてWebフォントのセットを作成できる無料ツール -Webfont | コリス

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

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

                  Nuxt.jsで静的サイトを作ったときに、重たい日本語のWebフォントの容量を抑えるべく色々やった話です。 Nuxt.jsのアドベントカレンダーなのに、Nuxt成分が15%ぐらいしかないです、すみません。 デモペ...

                  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で表示されない時の解決法

                          Google Fontsの使い方 まずはGoogle Fontsページ(https://fonts.google.com/)にアクセスします。 ページの右上の虫眼鏡マークの欄で探したいフォントを検索します。今回の場合は「Noto Serif JP」と...

                          Google FontsのNoto Serif JPがIE11で表示されない時の解決法
                          • TypekitはAdobe Fontsになりました #AdobeMAX #AdobeFonts – Adobe Creative Station

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

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

                              Google Fontsで早期アクセスとして提供されていた日本語ウェブフォントの、正式サポートが始まりました。全部で8種類あるのですが、それぞれのフォントの特徴などを紹介したいと思います。 フォントの...

                              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

                                  ユーザーの端末にインストールされていないフォントを表示できるWEBフォント。便利な反面、日本語など文字数が多いフォントではファイルサイズが大きくなり、通信量が増えてしまうのが難点です。 しか...

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

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

                                    Google Fonts正式版に日本語がやってきた! | バシャログ。
                                    • あそこで使われている、あのフォント。についてまとめてみました – Sakamoto Kyon – Medium

                                      今回は、デザイナーであればついつい食い付いてしまう「フォントの話」についてです。ウェブサイトや公共交通機関など、日常的に目にするところでどんなフォントが使われているのか、改めてまとめてみ...

                                      あそこで使われている、あのフォント。についてまとめてみました – Sakamoto Kyon – Medium
                                      • アイコンフォントと使用の際の注意点についてまとめてみた | Rriver

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

                                        アイコンフォントと使用の際の注意点についてまとめてみた | Rriver
                                        • Fonty: the new way for testing web fonts

                                          �� P��

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

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

                                            ためしがき
                                            • [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

                                                      Copyright ©2019 Impress Corporation, An impress Group Company. All rights reserved.

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

                                                        Font Awesome 5 Freeで疑似要素(:after,:before)のcontent指定する場合

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

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

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

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

                                                            Webフォント初心者にオススメ!Google Fontsの使い方3STEP|ferret [フェレット]
                                                            • 2018年のウェブフォントについて - Hail2u

                                                              少しの間Noto Sans Japaneseを利用していたが、すぐに止めた。やはりFOITが気になる。かといってFOUT強制も苦肉の策という印象しかない。……このような記事を書いていたら、先にうまくまとまったfont-di...

                                                              2018年のウェブフォントについて - Hail2u
                                                              • Webフォントは悪なのか? ブログの表示速度をTestMySiteで4秒までに改善したTips : ATOMS by Loftwork

                                                                テクニカル・ディレクターの安藤です。 今年のCMS大阪夏祭りからというもの、個人的にCraftCMSがアツくなっています。 先月CraftCMSを使い、自分のブログをリニューアルしました。 編集画面はこんな感...

                                                                Webフォントは悪なのか? ブログの表示速度をTestMySiteで4秒までに改善したTips : ATOMS by Loftwork
                                                                • [最新版] Noto Sans JapaneseをWebフォントとして使う方法

                                                                  Notoフォントは全ての言語に対応することを目指す野心的なフォント。GoogleとAdobeが共同開発したこのフォントは無料で利用できる。 ※Adobeからは、『源ノ角ゴシック』として提供されている。 プログラ...

                                                                  • フリーで使えるwebフォント「Google Fonts」を試してみました | 8bit モノづくりブログ|Web制作、Webサービスに関するコラム|東京都渋谷区のWeb制作会社 株式会社8bit

                                                                    こんにちは、工藤です。 今回はフリーで使えるwebフォント「Google Fonts」を試してみました。 Noto Sansは結構お世話になっているのですが、よく考えると他のフォントはきちんと試したことが無かった...

                                                                    フリーで使えるwebフォント「Google Fonts」を試してみました | 8bit モノづくりブログ|Web制作、Webサービスに関するコラム|東京都渋谷区のWeb制作会社 株式会社8bit
                                                                    • 読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note

                                                                      noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間...

                                                                      読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
                                                                      • フォントオタクなデザイナーが本気で選んだ「美しいフォント」20選【フリー&有償】 - インターネット・格安SIMのソルディ

                                                                        フォントオタクなデザイナーが本気で選んだ「美しいフォント」20選【フリー&有償】 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているとこ...

                                                                        フォントオタクなデザイナーが本気で選んだ「美しいフォント」20選【フリー&有償】 - インターネット・格安SIMのソルディ
                                                                        • 「IcoMoon」を使用して自作アイコンをWebフォントにしてみよう! | ジーニアスブログ

                                                                          こんにちは! ジーニアスウェブのスギタです。 ようやく花粉の症状が落ち着きはじめたので 外出が楽しくなってきた今日この頃です。 さて、皆さんはサイト制作でコーディングをする際 アイコンはどのよ...

                                                                          「IcoMoon」を使用して自作アイコンをWebフォントにしてみよう! | ジーニアスブログ
                                                                          • Web上で好きなフォントを簡単に表示できるTypekitの使い方|ferret [フェレット]

                                                                            Web上でさまざまな フォント を表示することができるWeb フォント は、今ではかなり一般的になりつつあり、さまざまなホームページがWeb フォント を活用しています。 Web フォント には欧米文字だけで...

                                                                            Web上で好きなフォントを簡単に表示できるTypekitの使い方|ferret [フェレット]
                                                                            • フォント素人のWebエンジニアが、「フォントおじさん」に聞いてみた!Webフォントの最近の事情とか | HTML5Experts.jp

                                                                              フォント素人のWebエンジニアが、「フォントおじさん」に聞いてみた!Webフォントの最近の事情とか 白石 俊平(HTML5 Experts.jp編集長) こんにちは、編集長の白石です。 この記事は、9月24日に開催さ...

                                                                              フォント素人のWebエンジニアが、「フォントおじさん」に聞いてみた!Webフォントの最近の事情とか | HTML5Experts.jp
                                                                              • webfontloaderでWebフォントの読み込みを行う | cly7796.net

                                                                                JavaScriptのライブラリ「webfontloader」で、Webフォント読み込み時のコントロールを追加してみます。 webfontloaderを使用しない場合 まずは普通にWebフォントを設定してみます。 HTML <p class="gen...

                                                                                webfontloaderでWebフォントの読み込みを行う | cly7796.net
                                                                                • Google Fonts「Noto Serif CJK JP」を使ってみる | Tips Note by TAM

                                                                                  今年4月、「Google Fonts」に明朝体の書体「Noto Serif CJK」が発表されましたので、遅ればせながら使ってみました。 [参照] ・Google Developers Japan: Noto Serif CJK が登場 https://developers-...

                                                                                  Google Fonts「Noto Serif CJK JP」を使ってみる | Tips Note by TAM