Site logo

Archived topic

How can I use just system fonts for my website?

23 replies · Started by v4ncouver on August 20, 2017

Viewing posts 1–15 of 24

Hello everyone,
I wonder how I could specify this font family (and remove everything else)?

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

Thanks guys! :)

Hmm - I need more info. :)

Based on @v4ncouver initial question, should the code below generate the correct fontstack?
Seems like the single/double quotes and spaces are messing things up.

Suggestions? thank you.


add_filter( 'generate_typography_default_fonts','tu_add_system_fonts' );
function tu_add_system_fonts( $fonts ) {
    $fonts[] = '-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" ';
    return $fonts;
}

That is indeed a bug - looking into it :)

Thanks Tom! Can't wait to check it out.

No problem! :)

Thanks from me too!
I've always used that font stack when my sites run on Bootstrap and later Skeleton and am glad to soon have nice fonts again without the bloat of google fonts. :)

Awesome - glad I added it! :)

Hi,
are the system fonts available yet?

Hi Leo,
I think I am missing something :)

So let me rephrase:
Do I have to wait for the next theme update or, can I add system fonts now?

If yes, how would I do that? Thanks!

The filter Tom linked? It should be working already.

editing now ....

OK, I am really confused! :(

Originally, I asked to have this font family available:

font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”;

So how would i set this???

This archived topic is closed to new replies.