[Resolved] How can I use just system fonts for my website?

Home Forums Support [Resolved] How can I use just system fonts for my website?

Home Forums Support How can I use just system fonts for my website?

Viewing 15 posts - 1 through 15 (of 24 total)
  • Author
    Posts
  • #370133
    v4ncouver

    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! 🙂

    #370183
    Tom
    Lead Developer
    Lead Developer

    You would do it like this: https://docs.generatepress.com/article/generate_typography_default_fonts/

    Let me know if you need more info 🙂

    #372866
    badcat

    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;
    }
    
    #373190
    Tom
    Lead Developer
    Lead Developer

    That is indeed a bug – looking into it 🙂

    #379288
    Tom
    Lead Developer
    Lead Developer

    I’ve added a system stack option to the next version of GP: https://github.com/tomusborne/generatepress/commit/89b8d96b7e3d14ad414422bdf64f698b065a9e08

    It’s filterable as well so you can use whatever stack you like.

    #379479
    badcat

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

    #379633
    Tom
    Lead Developer
    Lead Developer

    No problem! 🙂

    #379913
    v4ncouver

    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. 🙂

    #379945
    Tom
    Lead Developer
    Lead Developer

    Awesome – glad I added it! 🙂

    #389721
    v4ncouver

    Hi,
    are the system fonts available yet?

    #389725
    Leo
    Staff
    Customer Support
    #389728
    v4ncouver

    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!

    #389755
    Leo
    Staff
    Customer Support

    The filter Tom linked? It should be working already.

    #389770
    v4ncouver

    editing now ….

    #389771
    v4ncouver

    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???

Viewing 15 posts - 1 through 15 (of 24 total)
  • You must be logged in to reply to this topic.