Google Fonts VS caniuse

Head over to a font repository like Google Fonts and choose a font you like. Let's say we pick "Briem Hand" from the search input. Download the font files by clicking Get Font, usually provided in a zip format.

Thanks!, hadn’t come across Mebinac.

I’m also a big fan of Igino Marini’s recreation of the Fell typefaces:

The Fell Types took their name from John Fell, a Bishop of Oxford in the seventeenth-century. Not only he created an unique collection of printing types but he started one of the most important adventures in the history of typography. — https://web.archive.org/web/20240128075552/https://iginomari...

The IM Fell fonts themselves seem to live on Google Fonts these days: https://fonts.google.com/?query=Igino+Marini

I use Doves Type for… everything. One day I started to find my monomaniacal obsession a bit funny and sort of to spite myself I set every font in Firefox to Doves Type. Serif, sans-serif, monospace, no other fonts allowed, as well as the UI font by tweaking the Firefox user profile iirc.

And it was just… very good. And I kept using it.

I use Doves Type for everything, and to be able to do that on my phone I use iFont: https://apps.apple.com/is/app/ifont-find-install-any-font/id...

Or yeah I do use IBM PC VGA 9x16, IBM BIOS 8x8, and Eagle Spirit PC CGA Board Alternate 3 a little :) From the Ultimate Oldschool PC Font Pack: https://int10h.org/oldschool-pc-fonts/

I even munged together a combination of Doves Type Regular and IM Fell Great Primer Italic that matches the character scale and linespacing to both each other and to the IBM PC VGA 9x16 font at 1:1 size. FontLab did the trick!: https://fontforge.org/en-US/

(FontForge can autogenerate italics for any font. If you’re bored, I suggest loading up the classic VGA font and pressing the ITALICIZE button on ot. It’s… interesting!)

In general, on Windows I much prefer MacType’s fomt rendering: https://www.mactype.net … it’s kind of amazing that this kind of surgery is even possible.

Choose and download font When choosing a font for your application design, you need to consider the factors such as the font's readability, its contrast, how well it can scale on different devices, and whether it matches your application's brand and color scheme. After deciding the font, download its .tff files. One can get these files from Google Fonts. In this example, we will download 'Sedan SC' font.

I first checking out any good fonts on Google font that fits the theme of the website. I select the Nunito as I could feel the playful vibe behind it.

Visit Google Fonts and search for Lusitana to see what options are available.

Next I spruced up my form's visuals a bit by heading to Google Fonts and finding one that had camping vibes - eventually landing on Amatic SC. Then I had the wild idea of making the form look like a piece of paper, so that I could make the submit button fold the paper up into an envelope or paper airplane and fly off screen if it was submitted successfully (This was EXTREMELY high hopes and I didn't even get around to trying to start this animation in the time I allotted myself 😂). I started by trying to find a crumpled paper look on sites like Hero Patterns, but eventually found myself on this codepen:

BeerCSS supports Material Fonts by default, here is the list of all icons: https://fonts.google.com/

Google Fonts (https://fonts.google.com/)

Google Fonts

Can I X, is a question about the readiness/compliance of a certain thing at time = now. Can I use CSS version X was the iconic early meme.

https://caniuse.com/?search=css3

For a generalized example, if you wanted to know if the basketball courts were ready for you to “ball it up” in a certain city, it’d be caniball.com

If you want to know if you can use a certain frontend technology, the idea is like: canwefigma?

It’s a glorified feature matrix, and usually a project of a passionate community. I approve, even if some of the memes are a bit dank.

https://caniuse.com/ is a popular tool to check what web features are working across different browsers - "can you use this and assume that it will work for others".

The article uses custom css @properties which are awesome and have 88% browser support [1].

One thing to watch out for is differences in how browsers handle setting the fallback initial-value. Chrome will use initial-value if CSS variable is undefined OR set to an invalid value. Firefox will only use initial-value if the variable is undefined. For most projects, this won't be an issue, but for a recent project, I ended up needing to use javascript to set default values in Firefox to iron out the inconsistency between browser implementations.

[1] https://caniuse.com/?search=%40property

Safari is the only browser that doesn't support extending HTML element

https://caniuse.com/?search=Custom%20Elements

You forgot to mention (Web)Workers. This is explicit creation, management, and communication with additional threads within JavaScript. What's more, they've been around in JavaScript longer than the V8 engine has even existed!

https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers...

https://caniuse.com/?search=webworkers

Do you happen to know where can I check out the cutoff version for each browser? https://caniuse.com/?search=wasm doesn't have it (or other things like WasmGC for that matter)

(https://caniuse.com/) A handy tool for checking the browser compatibility of HTML, CSS, and JavaScript features. Can I Use provides up-to-date support tables for various web technologies across different browsers.

Caniuse