Advertisement · 728 × 90
#
Hashtag
#Webfont
Advertisement · 728 × 90
Preview
Google Fontsで学ぶWebフォントの基本 | 第1回 Webフォントが表示されるまで まずはGoogle Fontsを例にWebフォントがどのように読み込まれ、ブラウザのページ上に表示されるのか、その過程を追ってみます。

【無料公開】
フレームワークがWebフォントを自動最適化してくれているけど、実際に何をしているのかわかりますか?🤔

`preconnect`や`crossorigin`がなぜ必要なのか、日本語フォントでwoff2がたくさん読み込まれる理由など、「なんとなく使っている」から「仕組みから説明できる」状態へ。Google Fontsを例に、ブラウザの処理フローを丁寧に解説します

www.codegrid.net/articles/202...
#codegrid #css #webfont
📖 CodeGridは有料メディアですが、この記事は登録不要で無料で読めます

0 0 0 0

Wow, ich habe jetzt das erste Mal einen Variable #Webfont gepatcht, damit der blöde #Apple #Safari auf iOS auch Bindestriche beim automatischen Zeilenumbruch anzeigt. Das Ding erfordert bald so viele Extrawürste wie der alte Internet Explorer …

2 0 0 0

Beautiful, readable and open source. What is there not to like!

#designsky #webfont #typeface

1 1 0 0
Animated gif.
Screenshot of the articles:
American Girl by Pentagram 
Long Alt by Adrian Roselli
Character Type: Excellence in Branded Type Design at TypeNetwork, with illustration of the newspaper Süddeutsche Zeitung .  
Creating Fluid Typography with the CSS clamp() Function - Daine Mawer @sitepointdotcom
Font Licensing Explained Like a Human at Typeheist

Animated gif. Screenshot of the articles: American Girl by Pentagram Long Alt by Adrian Roselli Character Type: Excellence in Branded Type Design at TypeNetwork, with illustration of the newspaper Süddeutsche Zeitung . Creating Fluid Typography with the CSS clamp() Function - Daine Mawer @sitepointdotcom Font Licensing Explained Like a Human at Typeheist

🎙️🟡 Weekly #Typography by 🌿@theleagueof
American Girl @pentagram
Long Alt @aardrian
IG: character.type @TypeNetwork
Fluid Typography - Daine Mawer @sitepointdotcom
Font licensing for Humans @typeheist
#FontLicensing #CSS #webfont #Accessibility

bit.ly/League_May3_23

1 0 0 0
Preview
Modern Font Stacks System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.

You might not need a custom #webfont - modernfontstacks.com #webdev

1 0 0 0
Animated gif featuring word "JELLO", typeface Bungee Spice by David Jonathon Ross, in gradient top bottom magenta cyan changing on hover to blue magenta. Dr radial blue background.

Animated gif featuring word "JELLO", typeface Bungee Spice by David Jonathon Ross, in gradient top bottom magenta cyan changing on hover to blue magenta. Dr radial blue background.

🔴🔵Animating Font Palette
by Mandy Michael @Mandy_Kerr
With the release of Chrome 121 we can now animate a smooth transition between font-palettes in Color Fonts using only CSS.
Feat.: Bungee Spice by @djrrb
#css #webfont #FontPalette #colorfonts

textlab.dev/posts/animat...

0 0 0 0
Error 404 (Not Found)!!1

irritated by apple limiting/locking down fonts despite their typographic history? google (huh?!) to th rescue http://bit.ly/aMJOcT #webfont

0 0 0 0

Most common @font-face mistake I'm seeing is faux bold. Take care to use a true bold #webfont or make sure your CSS isn't doing it for you.

0 0 0 0

BTW, @typesupply is subtly referring to WOFF, the #webfont format that is supported by most foundries and debuting in Firefox 3.6.

0 0 0 0

That sums my thoughts after nearly 30 hrs of #webfont discussion at TypeCon. Talk will drone on thru ATypI, but any beyond that may be moot.

0 0 0 0

To deliver their own #webfont format foundries must look deeply into what keeps EOT from browser adoption. It's the only short term hope.

0 0 0 0

I met the guys and really like Typekit as a solution to serve one segment of the market. How large that segment remains to be seen. #webfont

0 0 0 0