Search

Nalezeno "font": 260

Forms that Move With You with Wufoo

31.1.2019
I've been into the idea of JAMstack lately. In fact, it was at the inaugural JAMstack_conf that I gave a talked called The All-Powerful Font-End Developer. My overall point there was that there are all these services that we can leverage as front-end developers to build complete websites without...

Regarding CSS’s Global Scope

20.12.2018
html { font-family: Roboto, sans-serif; } With the except of some form elements, you've just set a font on every bit of text on a site! Nice! That's probably what you were trying to do, because of the probably hundreds of elements all over your site, setting that font-family every time would...

Fighting FOIT and FOUT Together

19.12.2018
Lots from Divya with the setup: There are 2 kinds of problems that can arise when using webfonts; Flash of invisible text (FOIT) and Flash of Unstyled Text (FOUT) ... If we were to compare them, FOUT is of course the lesser of the two evils If you wanna fight FOIT, the easiest tool is...

Google Fonts and font-display

19.12.2018
The font-display descriptor in @font-face blocks is really great. It goes a long way, all by itself, for improving the perceived performance of web font loading. Loading web fonts is tricky stuff and having a tool like this that works as well as it does is a big deal for the web. It's such a...

Your Body Text is Too Small

21.7.2018
Several years ago, there was a big push by designers to increase the font-size of websites and I feel like we’re living in another era of accessibility improvements where a fresh batch of designers are pushing for even larger text sizing today. Take this post by Christian Miller, for example, where...

Font Playground

20.7.2018
This is a wondrous little project by Wenting Zhang that showcases a series of variable fonts and lets you manipulate their settings to see the results. It’s interesting that there’s so many tools like this that have been released over the past couple of months, such as v-fonts, Axis-Praxis...

Weird things variable fonts can do

20.7.2018
I tend to think of variable fonts as a font format in which a single font file is capable of displaying type at near-infinite variations of things like boldness, width, and slantyness. In my experience, that's a common use case. Just check out many of the interactive demos over...

Collective #433

16.7.2018
Guppy * CSS: A New Kind Of JavaScript * Font Playground * ramd.js * Track * did.txt file * Seedbank * V8N * Stitches Collective #433 was written by Pedro Botelho and published on Codrops

Collective #432

12.7.2018
cheat.sh * Font Memory Game * Phenomenon * SCSScale * Tobi * Carbon * Delivering WordPress in 7KB * Un Deux Trois Collective #432 was written by Pedro Botelho and published on Codrops

Emojis as Icons

11.7.2018
There are lots of unicode symbols that make pretty good icons already, like arrows (←), marks (✘), and objects (✂︎).You can already colorize these like a normal font glyph. Then, there are emojis, those full-color suckers we all know about. What if you could take just the shape of an emoji...

Better rendering for variable fonts

26.6.2018
I was messing around with a variable font the other day and noticed this weird rendering issue in the latest version of Chrome where certain parts of letterforms were clipping into each other in a really weird way. Thankfully, though, Stephen Nixon has come to the rescue with a temporary hack...

Users DO Change Font Size

24.6.2018
Evan Minto: The question was “How many users browse the main Internet Archive site with a default font size other than the common value of 16 pixels?” By knowing this, we would determine how many users would be affected by sizing with relative units like rems/ems. Using the methodology I describe...

Don’t just copy the @font-face out of Google Fonts URLs

19.6.2018
I don't think this is an epidemic or anything, but I've seen it done a few times and even advocated for. This is what I mean... You go to Google Fonts and pick a font like Open Sans, and it gives you either a <link> or an @import with a URL there in which to ready this font for usage...

Collective #423

11.6.2018
JSUI * Pickr * The Most Powerful Font * Devpen * Awesome design patterns * LogicEmu * MapKit JS * jsconfeu-generative-visuals Collective #423 was written by Pedro Botelho and published on Codrops

Just a Couple’a Fun Typography Links

22.5.2018
Marcin Wichary made an incredible demo exploring "segmented type" as in, the kind you might see on a display like a microwave, but scaling up in complexity from there. "Datalegreya is a typeface which can interweave data curves with text." Airbnb commissions their own new font, Cereal (complete...

It All Started With Emoji: Color Typography on the Web

15.5.2018
“Typography on the web is in single color: characters are either black or red, never black and red …Then emoji hit the scene, became part of Unicode, and therefore could be expressed by characters — or “glyphs” in font terminology. The smiley, levitating businessman and the infamous pile...

Wakamai Fondue

1.5.2018
Roel Nieskens released a tool that lets you upload a font file and see what’s inside, from how many characters it contains to the number of languages it supports. Here’s what you see once you upload a font, in this case Covik Sans Mono Black: Why is this data useful? Well, I used this tool just...

Netflix má vlastní font. Díky němu ušetří miliony dolarů ročně

25.3.2018
Velké firmy jako Google, Apple či Microsoft mají vlastní písma, kterými se snaží odlišit od konkurence. Kromě toho často k tvorbě vlastního fontu vedou i další důvody včetně finančních. To se týká i Netflixu, který díky svému Netflix Sans ušetří ročně miliony dolarů, uvedl The Verge. Font byl

Nový font od tvůrců iA Writera je uzpůsoben pro pohodlné psaní na počítači

25.11.2017
Pokud patříte mezi aktivní pisálky a na počítači píšete hodně textu, jistě uznáte, že je kvalitní editorský program velmi důležitým nástrojem, stejně jako dobrý výběr stylu písma. Na něm totiž závisí, jak rychle dokážete psát a kontrolovat správnost textu. Švýcarský tým, zodpovědný za aplikaci iA