Fonts optimization

  • Resolved guidotg

    (@guidotg)


    5 years, 4 months ago

    I’ve just removed google fonts and switched to system fonts (system font stack) on my website, then updated SG Optimizer and found out this new feature to optimize fonts by preloading them. I am not thinking to go back to Google fonts, so I am wondering whether the preloading would work with system fonts? If so, what should I enter in the box as a full URL to the fonts?
    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Stoyan Georgiev

    (@stoyangeorgiev)

    5 years, 4 months ago

    Hello there @guidotg,

    You can preload any of your local fonts by adding their full URL. When this optimization is enabled with the Combine CSS Option, will switch the font-face font-display property to switch for faster and better rendering and caching.

    If you have any issues, feel free to contact us.

    Kind regards,
    Stoyan

    Thread Starter guidotg

    (@guidotg)

    5 years, 4 months ago

    Hello @stoyangeorgiev, thank you for your reply.
    Still not clear to me… I am using system fonts stack in my css like so:
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

    System fonts are not local fonts are them?
    Thank you!

    Plugin Author Stoyan Georgiev

    (@stoyangeorgiev)

    5 years, 4 months ago

    Hello there @guidotg

    Defaulting to the system font of a particular operating system means that the browser doesn’t have to download any font files, it’s using one it already had.

    So in that case there is no way to preload the fonts since it will use the ones matched in the operating system itself.

    The preload optimization is intended for web fonts you have on your server and it will not work for the ones you have specified, since they are not on the server.

    Kind regards,
    Stoyan

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Fonts optimization’ is closed to new replies.