GoogleのSearch Consoleがアップデートし、ページの読み込み速度が表示されるようになりました。 また、速度測定サイト「Page Speed Insight」もリニューアルしました。(けっこう前ですけど) Google検索の順位を見ても、読み込み速度が重視されていることが分かります。 Googleがスピードアップデート(Speed Update)を導入、2018年7月からページ表示速度をランキング要因に | 海外SEOブログ そんな中、当店トップページの読み込み速度を測定してみると、 なんと ゼロ点! (恐ろしくてスクリーンショットは残していません……) そんな状況で上位に入っている当店サイトをちょっと誇りに思いながら、一週間ほど空き時間を使って改修しました。 ※2020/10/10更新 いったんは96点～97点まで上がったのですが、Search Consoleの新項目「ウェ
Mac と Windows に無償で付属してくる日本語フォントに「游ゴシック」があります。両環境で共通して利用できる希少な「日本語」のデバイスフォントであることから重宝され、ウェブサイトでもCSSのローカルフォント参照で利用されるケースがありました。 「サイトの書体に “游ゴシック” を適用させるCSS記述方法」のような記事は最近になっても大変多く、あたかもMac・Windowsの全てのブラウザで表示可能と錯覚してしまいがちなのですが、 結論から言うと Mac の Safari・Brave・Firefox（プライベートウィンドウ）ではもうローカルフォントとしての「游ゴシック」をウェブサイトの表示に使うことはできません。（Safariにおいては5年前の macOS Mojave 以降から使えなくなっているはず…。） フィンガープリントなぜそんな事態になっているかと言うと、最近のブラウザ界隈の
1957年に発表され世界の定番フォントの1つとなっている「Helvetica」。2019年に「Helvetica Now」が登場しましたが、さらに、デジタル世界で求められる無数のバリエーションに対応した「Helvetica Now Variable」が登場しました。 Helvetica Now Variable | Monotype. https://www.monotype.com/fonts/helvetica-now-variable More of everything, for everyone. Introducing Helvetica Now Variable. | Monotype. https://www.monotype.com/resources/font-stories/helvetica-now-variable Helvetica Now Variableがど
Noto Sans Hinted と font-feature-settings: 'palt' | blog.jxck.io
Intro Noto Sans のサブセット生成を見なおし、 Noto Sans Hinted から pyftsubset で生成し、ついでに font-feature-settings を有効にした。 作業と検証の記録を兼ねて、実施結果を記す。 fonttools これまで、フォントのサブセットの生成には以下の 2 つのツールを使用していた。 サブセットフォントメーカー WOFF コンバータ しかし、 macOS を Catalina にあげたところ、これらが起動できなくなり、フォントが生成できなくなった。 これまで GUI で行なっていたが、せっかくなので自動化するために、代替コマンドを探し、プロセスを組んだ。 いくつかツールがあるが、今回は fonttools に同梱された pyftsubset を採用することとした。 fonttools/fonttools pyftsubset こ
CSS size-adjust for @font-face Stay organized with collections Save and categorize content based on your preferences. As a web font loads, you can now adjust its scale, to normalize the document font sizes and prevent layout shift when switching between fonts Consider the following demo where the font-size is a consistent 64px, and the only difference between each of these headers is the font-fami
2020年星組全国ツアー上演作品＆スケジュール発表 ようこそ富山！！！！！！！ | brilliant violet
2020年星組全国ツアー上演作品＆スケジュール発表 ようこそ富山！！！！！！！ Warning: file_get_contents(https://kageki.hankyu.co.jp/news/20191220_015.html): failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found in /export/sd205/www/jp/r/e/gmoserver/1/2/sd0985212/brillivio-editor-by-shio.com/wordpress-4.9.6-ja-jetpack_webfont-undernavicontrol/wp-content/themes/sentry-void-master/lib/se-func-shortcode.php on line 111 年内に書き
《2020年6月24日 21:00 公開/更新》 日本語Webフォントでシャギーが出るのを防ぐ簡単なCSS [テキスト] 日本語Webフォントを使用してテキストを掲載した際に、ブラウザによってはシャギー（文字のギザギザ）が目立ってしまうことがあります。そのようなシャギーを防ぐには、CSSでほんの少しだけ文字を傾ける方法が有効です。ほんの少しの角度なら見た目には傾きは全く分かりません。しかし、フォントのシャギーは取れるため、文字は読みやすく綺麗に表示できます。 Windows環境で日本語Webフォントを使って小さな文字を表示するとシャギーが目立つことがある シャギーを防ぐ簡単なCSSは1行で済む 0.03度の傾きなら、まず見た目には分からない シャギーが取れる角度（小さくし過ぎないよう注意） ただし、ページ全体に適用するとマズい場合があるので注意 理由1. 横スクロールバーが出てしまう 理由
Best practices for fonts Stay organized with collections Save and categorize content based on your preferences. This article discusses performance best practices for fonts. There are a variety of ways in which web fonts impact performance: Delayed text rendering: If a web font has not loaded, browsers typically delay text rendering. In many situations, this delays First Contentful Paint (FCP). In
Googleフォントを高速で読み込む！非同期で読み込む方法とpreload記述の方法について紹介。 - もぐもぐ食べるおいしいWebデザイン。 - もぐでざ
サイトの表示速度早くしたい〜〜まずはここでで自分のサイトを確認してみよう😊 PageSpeed Insights 何点でしたか？70点以上ならとりあえず一安心。 私は悲しいことに50点でした(T_T) 今回は、PageSpeed Insightsの「レンダリングを妨げるリソースの除外」を改善したい！Google Font編です。 レンダリングブロックって何？ レンダリング＝読み込んで表示すること レンダリングブロック＝読み込んで表示するのをブロック！ 一般的なブラウザは、<head>内で指定されたファイルの読み込みが終わるまで<body>を表示しないのです。 表示されない→閲覧者にとっては真っ白な画面を見続けることになってしまいます。 できるだけ避けたい事案ですね(T_T) Googleフォントを早く読み込みたい当ブログ「もぐでざ」はアルファベットにGoogleフォント「Montserr
構想は半年ほど前？ここ一ヶ月ほど集中して開発に取り組んでいた、Fluentd向けApache Arrowプラグインがようやく動くようになったので、今回はこちらのモジュールについてご紹介します。 そもそもPG-Stromは、IoT/M2M領域で大量に発生するデータを高速に処理できますというのがセールスポイントで、GPU-Direct SQLはじめ、各種の機能によってそれを実現しているワケですが、実際に運用する際には、発生したデータを『どうやってSQLで処理できるようDBにインポートするか？』という問題があります。 例えば、PostgreSQLに一行ずつINSERTするというのも一つの解です。ただし、単純なI/Oに比べると、DBへの書き込みはどうしても処理ボトルネックになりがちです。 そこで、大量に収集するログデータを、少ない時間ロスで（つまり一時ファイルに保存したデータを再度DBにインポート
In my previous post, I wrote about system fonts and their advantages over web fonts. I encouraged a ‘system fonts first’ approach, arguing that, compared to system fonts, web fonts (a) can negatively impact performance, (b) use more data, and (c) increase your site’s energy consumption. But a web without web fonts would be a far less interesting one — maybe by using web fonts a little more respons
約物Webフォント「約味」（YakuAdj） – ものかの
Webフォント「約味」（YakuAdj）を公開します。和文の句読点や括弧が連続したときのアキを自動調整するフォントです。 https://github.com/monokano/Fonts 以前、「約猫」（YakuCalt）というWebフォントを公開しました。これも約物が連続したときのアキを自動調整するフォントです。GSUBのcaltを使って実現しています。 今回公開する「約味」は、まったく同じ自動調整をするのですが、異なるのはGPOSのchwsとvchwを使って実現していることです。 Contextual Spacing GPOS Features—Redux 約味（YakuAdj）の良いところ グリフの数が約猫の半分なので、フォントファイルのサイズがより軽い。 フィーチャーコードがcaltより分かりやすい。 約猫（YakuCalt）の良いところ Webブラウザ上のテキスト選択箇所がズレ
Visiteurs depuis le 26/01/2019 : 5448 Connectés : 1 Record de connectés : 15 Download free mtf xoxo vo.2 font, view its character map and generate text-based images or logos with mtf xoxo vo.2 font online. Fonts Dinosaur Icons font download for free, in ttf for windows and mac! Fonts Dinosaur Icons in Fancy category. MTF Xoxo Vo.2 Download. DTCRoughM06 Download. Gondrong Download. Please enter you
フォントをはじめ、さまざまなデザイン素材を販売しているCreative Marketで、フォントの新しいライセンス形態が適用されるようになりました。 以前購入されたものはその時点のライセンスが適用され、今後はこの新しいライセンスが適用されるので、注意が必要です。簡単に言うと、デザイン用・Webフォント用・ゲーム用・E-PUB用、それぞれ異なるライセンスを購入する必要があります。 新しくなったフォントのライセンス それぞれのライセンスを簡単に説明します。 Desktop License WebサイトとWebアプリ、ゲームや紙デザインにラスタライズ形式でのみフォントを利用できます。個人でも商用でも利用できます。 フォントファイルの埋め込みには利用できません。 Webfont License WebサイトとWebアプリに埋め込みフォントを利用できます。 デスクトップ用として利用できません。また、
How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy | CSS-Tricks
How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times a day, dropping its <link> tag into the <head>. Let’s see what Lighthouse has to say about this workflow.
Next.js 10.2
We are excited to introduce Next.js 10.2, featuring: Faster Builds: Up to ~60% faster subsequent builds with caching. Faster Refresh: 100ms to 200ms faster refresh. Faster Startup: Up to ~24% faster next dev. Improved Accessibility: Route changes are now announced by screen readers. More Flexible Redirects and Rewrites: Match any header, cookie, or query string. Automatic Webfont Optimization: Imp
Maintaining Performance
Or... How I shaved ~33s off my page load by fixing fonts March 20, 2020 A while back I was able to shave off ~33 seconds from my page load time by fixing how I load fonts. Shaved off ~33s from my page load this morning by... fixing how I load fonts? pic.twitter.com/jxcOaf1aS7 — Dave Rupert (@davatron5000) November 5, 2019 Surprising, I know! In my previous attempts to follow cutting-edge best prac
How We Improved SmashingMag Performance — Smashing Magazine
In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected changes that helped boost all the metrics across the board. Every web performance story is similar, isn’t it? It always starts with the l
Webフォントとは？メリット・デメリット・使い方など 完全ガイド初級編【まとめ】 更新日：2020/06/11 最近、ブランディングのためにWebフォントを使用しているサイトを多く見かけますよね。 そんな中、「Webフォントってよく分からない…」「Webフォントって重いんじゃないの…？」「使いたいフォントがWebフォントにない…」と思っている方は多いのではないでしょうか？ この記事では「Webフォントとは」から使い方、軽量化の方法まで徹底解説していきます。 おすすめの無料Webフォントサービスもご紹介しておりますので、ぜひ最後まで読んでいってくださいね！ 目次デバイスフォントとWebフォントとはデバイスフォントで使用するフォントとはWebフォントのメリットデメリット日本語Webフォント使用の注意点日本語Webフォントを軽量化する方法cssでWebフォントを指定する@font-faceの書き
本記事は【ウェブフォント Advent Calendar 2018】2日目参加記事です。 Web大好き人間、そして、フォント大好き人間の端くれとして参加させていただきました。よろしくお願いします。 Google Fontsで日本語フォントが正式リリース！ さて、今年のWebフォント界の大きなニュースといえば、やはりGoogle Fontsで日本語フォントが正式リリースされたことではないでしょうか。 これまでGoogle Fontsの日本語フォントはEarly Access（ベータ版）として2年くらい前からひっそりと配信されていましたが、ついに正式リリース！ これにより、日本語圏のWebフォントの導入や提案のハードルがグッと下がったように思います。 前置き：日本語フォントはファイルサイズが大きい、という話 Webフォントは その名の通りWebページで使えるフォントのことです。 しかし、日本語
日本語Webフォントをサブセット化する方法【ジャギー対応でなめらかに表示】｜名古屋のホームページ制作・Web制作会社｜エーアンドエー｜A&A
こんにちは。 今回は、Webサイトの最適化・高速化に繋がる「フォントのサブセット化」についてご紹介します。 サブセット化する際、なぜかフォントがギザギザ・ジャギジャギしてしまう問題に頭を抱えたので、その対処法もご紹介します。回避方法がなかなか見つけられなかったので、同じように悩まれている方の助けになれば嬉しいです。 サブセット化とは いきなりですが、Webフォント、使ってますか？ Webサイト全体のイメージにも関わってくるのでフォント選びって重要ですよね。 なので、Webフォントは、どの端末・ブラウザでも同じフォントを表示してくれるのでとても助かります！ ただ、Webフォントにはデメリットもあるんです。 それは…重いんです…。 特に日本語のWebフォントは10MB前後にもなるので、読み込みに時間がかかってしまいます。 日本語って、ひらがな・カタカナ・漢字と文字数が多いですもんね。 それなら
CSS API update | Google Fonts | Google for Developers
CSS API update Stay organized with collections Save and categorize content based on your preferences. Google Fonts now fully supports variable fonts in the v2 API update. We’ll explain how to call both single and multiple font families and how to specify axes ranges. For an in-depth look into variable fonts, learn more with this interactively illustrated brochure from David Berlow at TypeNetwork.
この記事はGitHubに掲載した記事 https://github.com/wowowo142/c96 の転載となります。 記事更新情報(全部読んでからまた来た人向け) (2022/04/20) Spriteの元となる画像ファイルなど、リソースの読み込みに関してすごく分かりやすく詳細に解説されている記事がありました。 ローダー(PIXI.Loader)の使い方は筆者の能力と気力不足により本記事では解説できなかったので、 Pixiをちゃんと使いたい方はぜひ読みましょう。超オススメ。 PixiJS の Sprite 調べてみた (2020/12/14) 公式以外で自分より前に似たようなチュートリアルを書かれている方がいました。v4.5.5準拠ですが、ゲームの作り方まで踏み込んだ解説をされていたのでリンクを貼っておきます(英語)。 GitHub - kittykatattack/learning
After the feature-packed release of Safari 15.4 two months ago, WebKit’s work for this version of Safari focused predominately on polishing existing features and fixing bugs. Safari 15.5 does contain three new technologies for web developers — support for the inert property in HTML; support for the worker-src Content Security Policy directive; and the new minimumViewportInset and maximumViewportIn
Posted by NAGAYA on Jul 25th, 2019 Webページ上のテキスト表示に使うフォントは、基本的にPCにデフォルトで入っているもの（たとえばWindowsの和文フォントならメイリオや游ゴシック）のみが使われてきました。 デザイン性の高いフォントを使いたい場合は画像化して使っていましたが、最近ではあらゆるデバイスで綺麗に表示させること、検索エンジンの進歩にともないSEOを意識することを求められるようになった影響もあり文字情報はテキストで表現するのがベターとなっています。 これらに関連して活用されているのが Webフォント です。 ページ表示時にWebサーバ上にあるフォントデータも一緒に読み込んでくるので、誰が見ても同じフォントでテキストを表示することができます。 Webフォント利用のための事前知識 Webフォントを使う手段 Webフォントを使う手段は大きく次の2つで
FONTPLUSをご利用頂いているお客様、これからご利用を検討されているお客様に重要なお知らせです。 このたび、株式会社モリサワの57書体に関してFONTPLUSでの取り扱いを終了させていただきます。 お客様のお申し込み時期、更新・追加の時期により、取り扱い終了日程が異なりますので、下記内容をご確認ください。 株式会社モリサワの対象書体はこちら 現在FONTPLUSをご契約中のお客様 2020年9月1日（火）15時以前に、ご契約いただいたライセンスを更新された場合、1年後の2021年9月1日（水）15時までモリサワの対象書体をご利用いただけます。 2021年9月1日（水）15時以降は、有効ライセンスのPVが残っていてもご利用いただけなくなりますのでご注意ください。2021年9月1日（水）15時までに、他の提供書体に差し替えていただくなどのご対応をお願いいたします。 また、追加のお申込みが2
When we think about web fonts and their impact on the performance on our websites we often focus on three main areas: The number of font requestsFont file sizeTime to first renderI wanted to see how variable fonts faired in these situations and did a review comparing with standard fonts. Here are my results. Reducing the number of requestsThis can be accomplished several ways including caching, CD
There's so many ways to speed up your site. Don't you wish every web performance tip was in one place? That's what I thought too, so I put them all in one place: this post. Use this guide as a reference. Table Of Contents HTML CSS Images Fonts JavaScript Server Testing Tools Frameworks HTML ✨ Minify HTML ☄️ Order your styles and scripts for pagespeed ⚡️ Eliminate render-blocking resources 🌟 Minim
レスポンシブWebデザインを実装するためのTips
「レスポンシブ」って単語を知らない人でも、ウィンドウをｳｨﾝｳｨﾝさせてコンテンツがついてくるのを見せながら「こういうのがやりたいんですよね～」とか言っちゃうアレです。 どんなデバイスで見てもいい感じになるようにしろって意味で使われますけど、iPhoneですら１サイズじゃなくなったこのご時世ですよ、面倒な割に気軽に頼まれがちじゃない？ スマホが出だした頃はPC/SPの2パターンあれば満たされたのが、今は…………🙄 何種類あるかわからない端末に毎年増える解像度、そんなカオスな表示環境にどうやって対応するのよ？？？？？？？？ とまぁ毎年苦しめられた結果、色々と知見が増えたのでこれまでに調べたり使ったりした「レスポンシブ」を実装するための方法をまとめました。 最初に確認（決定）すること ブラウザ・端末の対応範囲 大事なことなのでめったに使わない赤字にした。 最新2バージョン以内のモダンブラウザ
WEBフォントをサブセット化して使用する際に参考になるかもしれない文字列一覧です。 Noto sansの軽量化の際などに。 以下、詳細です。 【2018/06/20】 一部更新しました。 【2018/07/11】 JIS第2水準の一覧を追加しました。 JIS第1水準漢字（2965字） 亜唖娃阿哀愛挨姶逢葵茜穐悪握渥旭葦芦鯵梓圧斡扱宛姐虻飴絢綾鮎或粟袷安庵按暗案闇鞍杏以伊位依偉囲夷委威尉惟意慰易椅為畏異移維緯胃萎衣謂違遺医井亥域育郁磯一壱溢逸稲茨芋鰯允印咽員因姻引飲淫胤蔭院陰隠韻吋右宇烏羽迂雨卯鵜窺丑碓臼渦嘘唄欝蔚鰻姥厩浦瓜閏噂云運雲荏餌叡営嬰影映曳栄永泳洩瑛盈穎頴英衛詠鋭液疫益駅悦謁越閲榎厭円園堰奄宴延怨掩援沿演炎焔煙燕猿縁艶苑薗遠鉛鴛塩於汚甥凹央奥往応押旺横欧殴王翁襖鴬鴎黄岡沖荻億屋憶臆桶牡乙俺卸恩温穏音下化仮何伽価佳加可嘉夏嫁家寡科暇果架歌河火珂禍禾稼箇花苛茄荷華菓蝦課嘩貨迦過霞蚊俄峨
Shippori Mincho is an old-style Mincho style created to provide novel writers in Japan a beautiful Mincho style for free. It is based on The Tokyo Tsukiji Type
無料で使える日本語webフォント 無料で使える日本語webフォントも増えてきたので、一覧にしてみました。 Googleフォント M PLUS 1p / M PLUS Rounded 1c / さわらび明朝（Sawarabi Mincho） / さわらびゴシック（Sawarabi Gothic） / Noto Sans JP / Noto Sans TC / Noto Sans SC / Noto Serif JP / Noto Serif SC / Noto Serif TC / 小杉フォント（Kosugi） / 小杉丸フォント（Kosugi Maru） / はんなり明朝（Hannari） / こころ明朝（Kokoro） / ニコモジ（Nico Moji） / ニクキュウ（Nikukyu） Google Fonts + 日本語（公式サイト） ※小杉フォントと小杉丸フォントはGoogle F
Adobe Fonts のWEBフォントを使う際の注意点／他のWEBフォント配信サービスとの比較 | ウェブマガジン カミナリ | 鳥取県米子市のホームページ制作・広告代理店・デザイン
ウェブFRIDAY 2020 / 2 / 21 Adobe Fonts のWEBフォントを使う際の注意点／他のWEBフォント配信サービスとの比較 Adobe Creative Cloud のライセンスに含まれる Adobe Fonts（旧Adobe Typekit）では各種フォントが使い放題な上、WEBフォントも利用可能です。 WEBフォントを使えば、指定フォントがインストールされていないパソコンでも全く同じ表示ができます。アクセス数による制限もありませんのでかなり自由に使えますが、注意点もあります。 WEBフォント使用時の注意 注意すべきなのはWEBフォントでの使用は再販不可という点です。 なので、例えば弊社が自社サイトでWEBフォントを使う分には問題ありませんが、 弊社が受託して制作したウェブサイトでWEBフォントを利用するのはライセンス違反となります。 参考：フォントのライセンスのF
Ensure text remains visible during webfont load | Lighthouse | Chrome for Developers
Fonts are often large files with slow load times. Some browsers hide text until the font loads, causing a flash of invisible text (FOIT). How the Lighthouse font-display audit fails Lighthouse flags any font URLs that may flash invisible text: How to avoid showing invisible text The font-display API indicates how a font is displayed when used inside a font-face style. The following font-display va
Seriously, what the fuck else do you want? You probably build websites and think your shit is special. You think your 13 megabyte parallax-ative home page is going to get you some fucking Awwward banner you can glue to the top corner of your site. You think your 40-pound jQuery file and 83 polyfills give IE7 a boner because it finally has box-shadow. Wrong, motherfucker. Let me describe your perfe
CLOG
GitHub にてデザインの見直しを続けている M+ FONTS の正式公開前の暫定版として、Mplus TF（TESTFLIGHT）1 フォントを公開しました。 このフォントには GF Latin Plus 欧文文字セットとかな文字、基本的な記号類の 836 文字と、常用漢字、JIS 第 1 水準漢字、JIS 第 2 水準漢字の一部（2,264 文字）の漢字 5,233 文字、合計で 6,069 文字が含まれ、それぞれ Thin から Black までの 7 ウェイトがあります。 DOWNLOAD 用途と使用環境に応じて OpenType と TrueType の 2 種類を用意しました。もちろん無償でダウンロードすることができます。 ▶ OTF（OpenType） ▶ TTF（TrueType） LICENSE ライセンスは今後公開される予定の正式版と同様に SIL Open Font
Matt Hobbs (@TheRealNooshu) is Head of Frontend Development at the Government Digital Service. An experienced frontend developer, he is passionate about using his skills to build accessible and performant user interfaces. Matt makes a point of keeping on top of the latest technology and tools, is interested in all aspects of interface development, and is a keen advocate for best practices. In this
Matt Hobbs (@TheRealNooshu) is Head of Frontend Development at the Government Digital Service (GDS), a unit of the Government of the United Kingdom's Cabinet Office tasked with transforming the provision of online public services. An experienced frontend developer, he is passionate about using his skills to build accessible and performant user interfaces. He makes a point of keeping on top of the
Universal Sans
Why Universal Sans ▤? This is the second major release which includes new features, functionality and performance improvements. We intend to update the system with improvements and new features in the future. How do I receive the typefaces? When you have selected your licence requirements and completed the checkout process you will receive a link to download your font files, this will also be emai
Optimizing: Fonts | Next.js
Font Optimization next/font will automatically optimize your fonts (including custom fonts) and remove external network requests for improved privacy and performance. 🎥 Watch: Learn more about using next/font → YouTube (6 minutes). next/font includes built-in automatic self-hosting for any font file. This means you can optimally load web fonts with zero layout shift, thanks to the underlying CSS
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Page Speed Insightsで0点→96点に上げるために当店がやったこと
ウェブサイトでローカルフォントの「游ゴシック」はもう使えない｜Takehiko Ono
フォント1つに100万以上のスタイルを収録した「Helvetica Now Variable」
CSS size-adjust for @font-face | Articles | web.dev
日本語Webフォントでシャギーが出るのを防ぐ簡単なCSS - スタイルシートTipsふぁくとりー
Best practices for fonts | Articles | web.dev
Fluentd向けApache Arrowプラグインについて - KaiGaiの俺メモ
5 steps to faster web fonts /// Iain Bean
Download Mtf Xoxo Vo.2 Font For Mac
Creative Marketの新しいライセンス形態、変更されたフォントのライセンスを解説
Webフォントとは？メリット・デメリット・使い方など 完全ガイド初級編【まとめ】 | 東京のホームページ制作 / WEB制作会社 BRISK
Google Fontsの日本語フォントの高速化施策が面白かった
初心者による超初心者のためのPixiJS入門 - Qiita
New WebKit Features in Safari 15.5
Webフォントをサーバにアップロードして使うには？注意点や実装方法まとめ | 株式会社グランフェアズ
モリサワの57書体の取り扱いを終了いたします | Webフォント・サービス FONTPLUS
The performance benefits of Variable Fonts
The Ultimate Guide to Web Performance 🚀
日本語WEBフォントをサブセット化する際の参考文字列一覧 | U-618WEB
Shippori Mincho - Google Fonts
日本語のwebフォントを使いたい時のメモ｜くろひつじのメモ帳
Motherfucking Website
A font-display setting for slow connections
Reading a WebPageTest Waterfall Chart