Puppeteer で静的サイトの Font Subsetting | blog.jxck.io
Intro Web Font のサブセット化を Font Weight に応じて作り分けるとともに、それを Puppeteer を用いて生成するように変更した。 Web Font の静的サブセット 本サイトで提供している Web Font は当初、文字を事前に選定して生成したものを使っていた。 Noto Sans の Web Font 対応とサブセットによる最適化 当時はコンテンツがなかったが、コンテンツも増えた後は、コンテンツの原稿である markdown ファイルから使用している文字を抽出して生成するように変更していた。 これでおおよそ必要最小限のサイズにすることができていた。 Regular と Bold の最適化 本サイトでは Font Weight として Regular(400) と Bold(700) を提供しているが、これまでは抽出した文字種を Bold/Regular 両
日本語webフォントを使うにあたっての所感
普段、クライアントワークから自主制作まで制作において日本語のwebフォントを使うということがよくある。その際に、なるべく豊かな表現をしたいと思う。けれどもなかなかうまくいかない。それはなぜだろうか。各サービスの内部では、議論が行われていて日々改善がなされているのだと思う。 そういった循環の中で、1人のユーザーとしての考えを書くことで貢献できればと思う。 なるべく公共的な議論になるように心がけるが、内容はあくまでも個人的な所感として書いていく。（１ユーザーのサンプルとしても読んでもらえると思う）デザイナーやエンジニア向けの記事というよりは、趣旨としては長年日本語webフォントを使ってきた1ユーザーによる配信サービスやファウンダリに向けた感想という感じだろうか。 まずは、先人たちの努力によって数々の日本語のwebフォントの配信サービスが生まれて運営されてその上で、かつてはweb上では見ることが
Cloudflare Fonts: enhancing website font privacy and speed
Cloudflare Fonts: enhancing website font privacy and speed2023-09-25 This post is also available in 简体中文, 繁體中文, 日本語 and 한국어. We are thrilled to introduce Cloudflare Fonts! In the coming weeks sites that use Google Fonts will be able to effortlessly load their fonts from the site’s own domain rather than from Google. All at a click of a button. This enhances both privacy and performance. It enhance
FONTPLUSのエンタープライズ・プランを導入してみた所感 | シロクロマガジン
FONTPLUSのエンタープライズ・プランを導入してみた所感 公開日: 2023年2月8日 最終更新日: 2023年10月4日 弊社では今まで自社サイトにWebフォントを読み込む際、FONTPLUSのスマートライセンス・プランを利用していましたが、今回リニューアルした自社サイトでは、FONTPLUSの新しいプラン「エンタープライズ・プラン」を利用することになりました。 プラン変更に至った背景と、エンタープライズ・プランを導入して良かった点についてお話しします。 Webフォント導入についてのお問い合わせはこちらから プラン導入の背景 自社サイトをJamstackにて構築した際、静的HTMLをビルドするSSGとしてNuxt.jsを使用しました。Nuxt.jsにはviewport内にあるリンク先をprefetch（先読み）してくれる<nuxt-link>というコンポーネントが用意されています。
Next.js 13
As we announced at Next.js Conf, Next.js 13 (stable) lays the foundations to be dynamic without limits: app Directory (beta): Easier, faster, less client JS. Layouts React Server Components Streaming Turbopack (alpha): Up to 700x faster Rust-based Webpack replacement. New next/image: Faster with native browser lazy loading. New @next/font (beta): Automatic self-hosted fonts with zero layout shift.
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
Google Fonts/Analystic とGDPRに関する記事のまとめ - 趣味と仕事の備忘録
色々と気になる、Google Fonts/Analysticと とGDPR関係について、取り上げられている記事をまとめてみました。 オーストリア Google Analytics 2022/01/13 it.srad.jp 以下、上記記事の抜粋 こちらの記事は01/17 オーストリアのデータ保護機関 (DSB) は Schrems II 事件に関する EU 司法裁判所の判断に照らし、Google Analytics の使用が EU の一般データ保護規則 (GDPR) に違反するとの判断を示している。 この判断を受け、オランダのデータ保護機関 (AP) も 13 日、オランダにおける Google Analytics の使用が禁じられる可能性があると発表した。AP は現在 Google Analytics の使用に関する 2 件の苦情を調査しており、調査完了後に引き続き使用できるかどうかの判
WebフォントはGDPRに抵触？WordPress.orgが書き換えを呼びかけ
WordPress Tavernは6月20日(米国時間)、「WordPress.org Strongly Urges Theme Authors to Switch to Locally Hosted Webfonts – WP Tavern」において、WordPress.orgのテーマチームがWebフォントの使用を停止し、ローカルでホストされているWebフォントを使用するようにテーマを更新することを強く推奨していると伝えた。 WebフォントはEU一般データ保護規則(GDPR: General Data Protection Regulation)に抵触するリスクがあるとして、今後はリモートでホストされているWebフォントの使用そのものを禁止する可能性もあると指摘されている。 WordPress.org Strongly Urges Theme Authors to Switch to L
Fast Google Fonts with Cloudflare Workers
Google Fonts is one of the most common third-party resources on the web, but carries with it significant user-facing performance issues. Cloudflare Workers running at the edge is a great solution for fixing these performance issues, without having to modify the publishing system for every site using Google Fonts. This post walks through the implementation details for how to fix the performance of
Analytics - Google Fonts
Making the web more beautiful, fast, and open through great typography
「デザイナーとして、ちゃんとできる」『ほぼ日刊イトイ新聞』とフォントのはなし
インターネットがようやくみんなのものになった頃からずっと、自分たちの日常周辺にあるものに目を向け、気付いたり味わったりさせ続けてくれているWebサイトがあります。 『ほぼ日刊イトイ新聞』さんです。中の人たちは、もしかしたらそんなつもりはないのかもしれません。 けれど、インターネットの「良心」は少なからずここから栄養をもらっているのではないかと思っています。 そんな ほぼ日さんが、モリサワのTypeSquareを導入されてから約１年が経過しました。 日頃、たくさんの個性的な記事をどんな風に制作しているのか、TypeSquareをどう活用していただいているのか、お話を聞いてきました。（以下、敬称略） 左から、システムご担当の斉藤妙子さん、デザイナーの岡村健一さんと田口智規さん ■記事１本ごとに、みんな手づくり — 「ほぼ日刊」としながら毎日新しい記事が更新されるほぼ日さん。一般的なニュースサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
xz/fonts
片岡正（@kataokapoko0410）さん / X
Webフォントを120%活用するための基礎知識＆最新動向
Google Fonts
Google Web Fonts Market Share and Web Usage Statistics
Complying with GDPR when using Google Fonts
Fonts | 2022 | The Web Almanac by HTTP Archive
Bunny Fonts | Explore Faster & GDPR friendly Fonts
モリサワのWebフォント「TypeSquare」の取り組み Webサイトのイメージはフォントで決まる！
