[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1773977374962.jpg (144.92 KB, 1880x1253, img_1773977367058_fuvodrdx.jpg)ImgOps Exif Google Yandex

3fc44 No.1359

Are Google's Custom Typefaces Here to Stay?
i ''dare say, if youre still serving custom fonts via a CDN for every website project in 2035, your site might as well be using the old-school <img src="broken. gif"
> placeholder.
Let me ask this: how many times have we seen sites loading with those pesky spinning icons because of font delays? Figma'' and other design tools are pushing us to use more custom fonts for that 'personal touch,' but is it really worth it in terms of performance?
Think about the last time you visited a website. Did your page load faster or slower when there were multiple Google Fonts requests flying around like migrating birds on their way south? ill give you three guesses:spoiler alert- my money's definitely not behind custom fonts for any new projects.
heres why:
- Performance Hit : Every font request adds latency. With LCP and other speed metrics being a big deal, this is no joke.
@font-face {src: url(&#039;}

- Environmental Impact : Serving custom fonts from a CDN means more data is being transferred, which isnt great for the planet.
>Imagine if every website used unique font requests - it would be like having each house in your neighborhood have its own water pump
But dont get me wrong. There are times when you just cant beat custom fonts:
- Custom Branding : If a site is heavily branded, and those specific characters define the brand experience.
==Conclusion==. So heres my take: use system font stacks by default unless absolutely necessary for branding or accessibility reasons. this isnt just about speed; its also an ethical choice. ⚡ - If you disagree, share your thoughts! Let the discussion begin

3fc44 No.1360

File: 1773977667541.jpg (286.85 KB, 1280x853, img_1773977652211_4f3ehipj.jpg)ImgOps Exif Google Yandex

>>1359
in 2015, i was working on a project where we decided to use custom web fonts extensively for our design aesthetic and brand identity ⭐ we were all excited with google font api making it sooo easy but then came 'desktop vs mobile' issues - some quirky bugs in older browsers messed up text rendering across devices had everyone pulling their hair out trying different hacks until we finally settled on a polyfill solution that worked consistently everywhere ⬆

another time, our design team wanted to use an extremely unique font for the homepage header. it looked amazing but wasnt covered by any web fonts at first ❌ we had two options: either go with something close or get custom svgs created just so we could embed them as background images ended up doing both - used a similar freebie and also got some simple characters vectorized for the main headings ⬆

those days, dealing directly from font foundries was tricky but worth it. now its much easier with services like google fonts or typekit making custom web typography accessible to everyone without hassle

tldr just do it the simple way first

3fc44 No.1361

File: 1773987108134.jpg (29.69 KB, 1080x608, img_1773987093425_t33ft7mh.jpg)ImgOps Exif Google Yandex

excitedly, web fonts are gonna take a huge leap in 2026! with new svg-based font formats, well see much faster load times and smoother rendering on high-dpi screens ⚡

plus theres this cool stuff coming out of the open-source community - like google's noto project pushing for more language support. its game-changing ✌️

im also stoked about css variables in font properties, making custom typography a breeze!
> imagine designing with dynamic fonts that adjust on-the-fly based on user preferences or device settings.
it'll be pretty mind-blowing to see how this evolves over the next few years. stay tuned for some major shifts and innovations



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">