initial-letter
initial-letter
is a CSS property that selects the first letter of the element where it is applied and specifies the number of lines the letter occupies.…
initial-letter
is a CSS property that selects the first letter of the element where it is applied and specifies the number of lines the letter occupies.…
Defaulting to the system font of a particular operating system can boost performance because the browser doesn’t have to download any font files, it’s using one it already had. That’s true of any “web safe” font, though. The beauty of …
Glenn Fleishman:
…At an increasing number of publications, [curly quotes have] been ironed straight. This may stem from a lack of awareness on the part of website designers or from the difficulty in a content-management system (CMS) getting the curl
There have been a couple of articles lately regarding fluid type.
Matt Smith (calling it “flexible type”):
…My preferred approach for more flexible type is to calculate the font size based on the viewport height and width using the
:root
I think I had the same wooahhhhh coool reaction as so many others did when this tweet was going around:…
If you were developing sites in 2006, then you may have worked with a designer like me who was all up in your business about fonts not looking exactly the same in the browser as they did in mockups.
Then …
There was a time when the smart move in picking fonts for a website was to a font-family that was supported across as many platforms as possible. font-family: Tahoma;
and whatnot. Or even better, a font stack that would fall …
Over on the Typekit Blog, Tim Brown has written about an exciting development in the world of web fonts: an improvement to the OpenType font file specification.
This might not sound all that exciting at first, but “variable fonts” …
Florens Verschelde digs into the numbers behind the concept Tim Brown was talking about the other day.
…When I tried wrapping my head around Tim’s implementation, and creating variants of it, I had a hard time figuring out what was
Updated on January 12, 2017: Proper support checks are now part of the article body. Added information about the block
value. Minor tweaks and copy edits. Enjoy!
If you’re a regular reader here at CSS-Tricks, chances are good you know …
It’s a big redesign of a site I’m sure all of use have visited many, many times. It even resides on a new subdomain: fonts.google.com.
Live typing samples in the search index for the win! There are also much …