検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

webfontの検索結果(絞り込み: 3 users 以上)1014 件中 1 - 40 件目

  • フォントの新しいライセンス形態、Creative Marketで変更されたフォントのライセンス | コリス

    フォントをはじめ、さまざまなデザイン素材を販売しているCreative Marketで、フォントの新しいライセンス形態が適用されるようになりました。 以前購入されたものはその時点のライセンスが適用され、...

    フォントの新しいライセンス形態、Creative Marketで変更されたフォントのライセンス | コリス
    • 文字レイヤーを支える技術 - pixiv inside

      こんにちは、型と複雑GUIが大好きな @f_subal です。 普段は pixivFACTORY というサービスでフロントエンドをやっています。 さて、早速スクショでお見せしていますが、 今年の3月に pixivFACTORY のグ...

      文字レイヤーを支える技術 - pixiv inside
      • display=swapとはなにか - MOL

        Shipped! @GoogleFonts now let's you control web font loading using font-display. Say hello to the display parameter What's font-display? https://t.co/Q7RDeESwkm pic.twitter.com/sn27ySza1...

        display=swapとはなにか - MOL
        • 新ゴやリュウミンなど、モリサワフォント553種類全部が誰でも無料で利用可能!STUDIOのアップデートがすごすぎ | コリス

          新ゴやリュウミンなど、モリサワの500種類以上の書体が当ブログで紹介した際にも評判が高かったSTUDIOで、誰でも無料で利用可能になりました! STUDIO自体も無料で利用できるので、文字通り「誰でも無...

          新ゴやリュウミンなど、モリサワフォント553種類全部が誰でも無料で利用可能!STUDIOのアップデートがすごすぎ | コリス
          • Webフォントとして日本語も使える!Adobe Fontsの使い方 | Webクリエイターボックス

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

            Webフォントとして日本語も使える!Adobe Fontsの使い方 | Webクリエイターボックス
            • 1000+ free vector icons - Unicons - Iconscout

              Start using icon as a fontNow insert Unicons easily on your website by inserting just a few lines of code.

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

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

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

                  The font-display descriptor in @font-face blocks is really great. It goes a long way, all by itself, for improving the perceived performance of web font loading. Loading web fonts is tric...

                  Google Fonts and font-display | CSS-Tricks
                  • Nuxt.jsでページ内の日本語だけでWebフォントのサブセットを作成したい(静的サイトの話) - Qiita

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

                    Nuxt.jsでページ内の日本語だけでWebフォントのサブセットを作成したい(静的サイトの話) - Qiita
                    • Should I Use JavaScript to Load My Web Fonts? | Filament Group, Inc., Boston, MA

                      Posted by Zach 11/29/2018 When they were first introduced, web fonts were primarily a CSS feature, and for many web developers they’ve always loaded them using CSS (and nothing more). But...

                      Should I Use JavaScript to Load My Web Fonts? | Filament Group, Inc., Boston, MA
                      • webフォントを120%活用するための基礎知識&最新動向 - Speaker Deck

                        ## webフォント/OpenTypeの仕様 - CSS Fonts Module Level 3 - https://www.w3.org/TR/css-fonts-3/ - OpenType Font Variations overview - Typography | Microsoft Docs - https://docs.microsoft.co...

                        webフォントを120%活用するための基礎知識&最新動向 - Speaker Deck
                        • モバイルウェブのスピードアップに不可欠なのは 画像・JS・フォント の最適化 #ChromeDevSummit | 海外SEO情報ブログ

                          [レベル: 中級] 昨日とおとといに続いて、今日も Chrome Dev Summit 2018 のセッションレポートをお届けします。 セッションのタイトルは “Speed Essentials: Key Techniques for Fast Websites” です...

                          モバイルウェブのスピードアップに不可欠なのは 画像・JS・フォント の最適化 #ChromeDevSummit | 海外SEO情報ブログ
                          • Faster Google Fonts with Preconnect - CDN Planet

                            Summary Load the Google font files faster by adding the preconnect hint The preconnect hint is supported by Chrome, Opera, Firefox and Android browsers Don't forget to add the crossorigin...

                            Faster Google Fonts with Preconnect - CDN Planet
                            • CSSの「calc()関数」を使うとすごく便利に!レスポンシブ対応のレイアウトで高さを最適化するテクニック | コリス

                              レスポンシブ対応のレイアウトを実装する際に手間なのは、ブレイクポイントの定義です。ここ1,2年でもたくさんのデバイスがリリースされ、それに伴いスクリーンサイズの種類も増えてきました。 そんな...

                              CSSの「calc()関数」を使うとすごく便利に!レスポンシブ対応のレイアウトで高さを最適化するテクニック | コリス
                              • Safari 12ではユーザがインストールしたフォントをfont-familyに指定できない - Qiita

                                背景 個人的にはMyriadが好きなので、自分用に作ったサイトとかではよく「Myriadがインストールされている人(主に自分)だけにMyriadで表示されればいいやー」と思って以下のようにCSSを書いていたん...

                                Safari 12ではユーザがインストールしたフォントをfont-familyに指定できない - Qiita
                                • Google Fonts + 日本語を使用して、Webサイトやブログがどのように表示されるか試すことができるツール -Fonty | コリス

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

                                  Google Fonts + 日本語を使用して、Webサイトやブログがどのように表示されるか試すことができるツール -Fonty | コリス
                                  • 正式版になった日本語Google Fontsは表示の高速化を期待できる - アイデアマンズブログ

                                    正式版になった日本語Google Fontsは表示の高速化を期待できる スマホ表示高速化 先月、Google Fontsに正式に追加された日本語フォントが表示の高速化が期待できるよさげな仕様になっています。 Google...

                                    正式版になった日本語Google Fontsは表示の高速化を期待できる - アイデアマンズブログ
                                    • “Adobe Typekit”が“Adobe Fonts”へ、複雑な利用制限をすべて撤廃してシンプルに - 窓の杜

                                      “Adobe Typekit”が“Adobe Fonts”へ、複雑な利用制限をすべて撤廃してシンプルに - 窓の杜
                                      • 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 Developers Blog: Google Fonts launches Japanese support

                                          Blog of our latest news, updates, and stories for developers

                                          Google Developers Blog: Google Fonts launches Japanese support
                                          • Google FontsがInternetExplorerのサポートを終了 – webdev

                                            2018年の8月半ばに、GoogleFontsのInternetExplorerサポートが終了しました。 IEの最新版である11でGoogleFontsへアクセスすると、サポート外である旨ガイドが表示されます。 Your browser is not curr...

                                            Google FontsがInternetExplorerのサポートを終了 – webdev
                                            • OffscreenCanvas — Speed up Your Canvas Operations with a Web Worker  |  Web  |  Google Developers

                                              Tl;dr; Now you can render your graphics off the main thread with OffscreenCanvas! Canvas is a popular way of drawing all kinds of graphics on the screen and an entry point to the world of...

                                              OffscreenCanvas — Speed up Your Canvas Operations with a Web Worker  |  Web  |  Google Developers
                                              • Google Fonts に新たに追加された日本語フォントを使ってみた - Qiita

                                                お盆休み中に、Webフォント「Google Fonts」の日本語フォントに新たな書体が追加されたようなので、早速使ってみました。 https://fonts.google.com/?subset=japanese 使い方 (1) 使いたいフォント名...

                                                Google Fonts に新たに追加された日本語フォントを使ってみた - Qiita
                                                • ワープロ専用機の拡大処理を再現したフォント「ワープロ明朝」

                                                  「ワープロ明朝」は、1980年代〜90年代初めのワープロ専用機などで使われていた、ビットマップフォントの拡大処理を再現したフォントです。 ワープロ専用機も後期にはアウトラインフォントが搭載されて...

                                                  ワープロ専用機の拡大処理を再現したフォント「ワープロ明朝」
                                                  • 日本語のフリーフォントをまとめて試せるサイト「 #ためしがき 」をなんで作ったのかと技術的な話 - フロントエンドの地獄

                                                    みなさんためしがき試してくれました!? ホント!?ありがとうございます!!! tameshigaki.jp ためしがきって? 知らない人もいると思いますので、簡単に説明しますね。 ためしがき - 日本語のフリー...

                                                    日本語のフリーフォントをまとめて試せるサイト「 #ためしがき 」をなんで作ったのかと技術的な話 - フロントエンドの地獄
                                                    • Fonty: the new way for testing web fonts

                                                      �� P��

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

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

                                                        ためしがき
                                                        • フォントカタログ | Webフォント・サービス FONTPLUS

                                                          ソフトバンク・テクノロジー株式会社Copyright © SoftBank Technology Corp. All rights reserved.

                                                          フォントカタログ | Webフォント・サービス FONTPLUS
                                                          • 有馬トモユキ | 日本デザインセンター

                                                            こんにちは、アートディレクターの有馬トモユキです。デザインセンターは不思議な会社で、デザインの話が分かる人たちが200人以上集まっているところって日本の社会でそんなにないですし、一定方向に必...

                                                            有馬トモユキ | 日本デザインセンター
                                                            • Font Awesome Free 日本語チートシートを作成しました 【ブログ】 » 群馬県高崎市の写真撮影・ホームページ制作会社| Kiraba(キラバ)

                                                              Post: 2018/03/30 Author:Horiguchi Category: FontAwesome,デザイン,ブログ Tag: こんにちはKirabaの堀口です。仕事でFont Awesome Freeの日本語訳が必要だったので、ついでに日本語チートシートを作...

                                                              Font Awesome Free 日本語チートシートを作成しました 【ブログ】 » 群馬県高崎市の写真撮影・ホームページ制作会社| Kiraba(キラバ)
                                                              • Webフォントを活用するためのポイントとは? | Webデザイン、これからどうなるの?(全10回) | Web担当者Forum

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

                                                                Webフォントを活用するためのポイントとは? | Webデザイン、これからどうなるの?(全10回) | Web担当者Forum
                                                                • ウェブフォントのエモい話 - Speaker Deck

                                                                  All slide content and descriptions are owned by their creators.

                                                                  ウェブフォントのエモい話 - Speaker Deck
                                                                  • Google Fonts を非同期で読み込みサイトスピードを高速化

                                                                    Akira 福岡在住ウェブデザイナー。Web サイト制作に役立つ情報を「見やすさ」と「使いやすさ」にこだわり紹介しています。 デバイスを問わず、表示させたいフォントを表示できるのが Google Fonts です...

                                                                    Google Fonts を非同期で読み込みサイトスピードを高速化
                                                                    • [CSS]文字に含まれる上下の余白を取り除いて、アイコンや画像とぴったり同じ高さにするスタイルシート | コリス

                                                                      @mixin text-crop($line-height: 1.3, $top-adjustment: 0px, $bottom-adjustment: 0px) { // Configured in Step 1 $top-crop: 9; $bottom-crop: 8; $crop-font-size: 36; $crop-line-height: 1.2; //...

                                                                      [CSS]文字に含まれる上下の余白を取り除いて、アイコンや画像とぴったり同じ高さにするスタイルシート | コリス
                                                                      • EightShapes Text Crop

                                                                        @mixin text-crop($line-height: 1.3, $top-adjustment: 0px, $bottom-adjustment: 0px) { // Configured in Step 1 $top-crop: TOPCROP; $bottom-crop: BOTTOMCROP; $crop-font-size: FONTSIZE; $crop...

                                                                        • 高速で Noto Sans 日本語を使う方法

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

                                                                          高速で Noto Sans 日本語を使う方法
                                                                          • フリーで使える日本語webフォントの使い方 【無料webフォント】 | ivy web blog

                                                                            最近、webフォントを利用したサイトが増えてきてますね。 日本語のフォントをかわいいフォントにしたいというお客様も増えてきましたので、今回は無料で利用できる日本語WEBフォントを調べてみました。...

                                                                            フリーで使える日本語webフォントの使い方 【無料webフォント】 | ivy web blog
                                                                            • アイコン読み込みがJavaScript+SVG描画に変わった「Font Awesome 5」に変更してみた | クリエイタークリップ

                                                                              これまでのようにCSSとアイコンフォントによる読み込みにも対応しています。 <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"> .hoge::before { display: inl...

                                                                              アイコン読み込みがJavaScript+SVG描画に変わった「Font Awesome 5」に変更してみた | クリエイタークリップ
                                                                              • WebFont の WOFF2 対応によるサイズ最適化 | blog.jxck.io

                                                                                created_at: 2018-02-13 updated_at: 2018-07-29 tags: [woff2,web font,performance] Intro Safari 10.0 から WOFF2 がサポートされており、これをもって IE 以外のメジャーブラウザではサポートが揃...

                                                                                WebFont の WOFF2 対応によるサイズ最適化 | blog.jxck.io
                                                                                • Webフォント(FontAwesome)がIE11で読み込まれない現象について - Qiita

                                                                                  主な環境 Internet Explorer 10 or 11 IIS 7.5 HTTP 5 Font Awesome 4.3.0 (WebServer上に配置) 発生している現象 ページが読込まれた際に、FontAwesomeのアイコンが表示されない。 CDNを使用した場合...

                                                                                  Webフォント(FontAwesome)がIE11で読み込まれない現象について - Qiita