検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

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

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

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

    デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
    • 次世代のフォント技術 バリアブルフォントの世界 - ICS MEDIA

      補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイル...

      次世代のフォント技術 バリアブルフォントの世界 - ICS MEDIA
      • 約物Webフォント「約味」(YakuAdj) – ものかの

        Webフォント「約味」(YakuAdj)を公開します。和文の句読点や括弧が連続したときのアキを自動調整するフォントです。 https://github.com/monokano/Fonts 以前、「約猫」(YakuCalt)というWebフォン...

        • Googleフォントをサブセット化してページの読み込みをスムーズに | Webクリエイターボックス

          2020年7月29日 Webサイト制作, 便利ツール おしゃれなフォントが気軽に実装できるGoogleフォント。みなさん使っていますかね?登録やダウンロード不要なので便利ですが、日本語フォントはなかなか容量...

          Googleフォントをサブセット化してページの読み込みをスムーズに | Webクリエイターボックス
          • モリサワの57書体の取り扱いを終了いたします | Webフォント・サービス FONTPLUS

            FONTPLUSをご利用頂いているお客様、これからご利用を検討されているお客様に重要なお知らせです。 このたび、株式会社モリサワの57書体に関してFONTPLUSでの取り扱いを終了させていただきます。 お客...

            モリサワの57書体の取り扱いを終了いたします | Webフォント・サービス FONTPLUS
            • The Fastest Google Fonts – CSS Wizardry – Web Performance Optimisation

              For the most part, web fonts nowadays are faster than ever. With more standardised FOUT/FOIT behaviour from browser vendors, to the newer font-display specification, performance—and there...

              The Fastest Google Fonts – CSS Wizardry – Web Performance Optimisation
              • Google Fontsのファイルサイズを簡単に軽量化できる!日本語フォントにも対応 | コリス

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

                Google Fontsのファイルサイズを簡単に軽量化できる!日本語フォントにも対応 | コリス
                • Google FontsのNoto Sans Japaneseが重い?記述を変えたら速くなるかも!|さとうあまみ 👾 佐藤あゆみ|note

                  「HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門」を読んで高速化できたというレビューの中に、Webフォントの「Noto Sans Japaneseが重いようなので、サイトから外してみました」と書かれて...

                  Google FontsのNoto Sans Japaneseが重い?記述を変えたら速くなるかも!|さとうあまみ 👾 佐藤あゆみ|note
                  • ウェブフォント今昔物語 - Speaker Deck

                    Transcript ウェブフォント今昔物語 2019.11.16 Takanori Oki @フロントエンドカンファレンス福岡2019 Copyright © 2019 FOLIO, Ltd. All Rights Reserved. 自己紹介 • 株式会社FOLIO フロントエンドエ...

                    ウェブフォント今昔物語 - Speaker Deck
                    • Noto Sans Hinted と font-feature-settings: 'palt' | blog.jxck.io

                      Noto Sans Hinted と font-feature-settings: ‘palt’ Intro Noto Sans のサブセット生成を見なおし、 Noto Sans Hinted から pyftsubset で生成し、ついでに font-feature-settings を有効にした。 作...

                      Noto Sans Hinted と font-feature-settings: 'palt' | blog.jxck.io
                      • フォントの新しいライセンス形態、Creative Marketで変更されたフォントのライセンス | コリス

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

                        フォントの新しいライセンス形態、Creative Marketで変更されたフォントのライセンス | コリス
                        • 日本語のwebフォントを使いたい時のメモ | くろひつじのメモ帳

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

                          日本語のwebフォントを使いたい時のメモ | くろひつじのメモ帳
                          • 文字レイヤーを支える技術 - 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/sn27ySz...

                              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クリエイターボックス
                                  • AMP にも対応!Google Fonts を preload で先読みし最適化

                                    FOUT Web フォントの読み込みが完了するまで代替フォントで表示され、読み込みが完了すると Web フォントに切り替わる現象。 FOIT Web フォントの読み込みが完了するまで、テキストが表示されない現象...

                                    AMP にも対応!Google Fonts を preload で先読みし最適化
                                    • 【Noto + YakuHanJP】日本語WEBフォント2018|株式会社クインテット《Pando》

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

                                      【Noto + YakuHanJP】日本語WEBフォント2018|株式会社クインテット《Pando》
                                      • 3300+ Free vector icons - Unicons by Iconscout

                                        Line Carefully crafted icons on 24px grid with 1px stroke available as SVG icons as well as icon-font in line style.

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

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

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

                                            Hey! This whole article is about a time before May 2019 in which Google Fonts didn’t offer a way to use font-display without self-hosting the fonts. To use font-display with Google Fonts,...

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

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

                                              Nuxt.jsでページ内の日本語だけでWebフォントのサブセットを作成したい(静的サイトの話) - Qiita
                                              • Webフォントによるちらつきをなくす方法(ネット低速環境も考慮) - Qiita

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

                                                Webフォントによるちらつきをなくす方法(ネット低速環境も考慮) - Qiita
                                                • Should I Use JavaScript to Load My Web Fonts? | Filament Group, Inc.

                                                  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 in the last decade, defau...

                                                  Should I Use JavaScript to Load My Web Fonts? | Filament Group, Inc.
                                                  • 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
                                                    • 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

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

                                                          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は表示の高速化を期待できる - アイデアマンズブログ
                                                              • GitHub - minoryorg/Noto-Sans-CJK-JP: サブセット化済みの「Noto Sans CJK JP」(日本語フォント)のCSS付きWebフォント

                                                                Dismiss Join GitHub today GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together. Sign up

                                                                GitHub - minoryorg/Noto-Sans-CJK-JP: サブセット化済みの「Noto Sans CJK JP」(日本語フォント)のCSS付きWebフォント
                                                                • “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
                                                                      • OffscreenCanvas — Speed up Your Canvas Operations with a Web Worker

                                                                        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
                                                                        • Google Fonts に新たに追加された日本語フォントを使ってみた - Qiita

                                                                          (完成!) 対象フォント M PLUS 1p / M+ (weight:7種類) M PLUS Rounded 1c / Rounded M+ (weight:7種類) Sawarabi Mincho / さわらび明朝 (weight:1種類) Sawarabi Gothic / さわらびゴシッ...

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

                                                                            ワープロ専用機の拡大処理を再現したフォント「ワープロ明朝」 「ワープロ明朝」は、1980年代〜90年代初めのワープロ専用機などで使われていた、ビットマップフォントの拡大処理を再現したフォントです...

                                                                            ワープロ専用機の拡大処理を再現したフォント「ワープロ明朝」
                                                                            • Line-height Crop — a simple CSS formula to remove top space from your text

                                                                              One of the advantages of doing so is that the crop value will be automatically updated if you decide to change the value of your CSS variables (with no need to modify the mixin call) or i...

                                                                              Line-height Crop — a simple CSS formula to remove top space from your text
                                                                              • 日本語のフリーフォントをまとめて試せるサイト「 #ためしがき 」をなんで作ったのかと技術的な話 - フロントエンドの地獄

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

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

                                                                                  ��� ���

                                                                                  Fonty: the new way for testing web fonts