How to use Apple Font in WordPress?

Royal96 · Apr 27, 2021

I see a lot of websites like Medium or SaaS websites using the font from Apple.

When I go to inspect element, I see something like "Apple system font..." but I'm browsing these websites either from a windows machine or an android device. So shouldn't they be Roboto or something else than San Francisco (I believe that is how Apple's font is called) when system fonts are displaying fonts dynamically ?

How can I use the Apple font in WordPress just like the websites I mentioned above? I looked a lot around the web, but haven't found a way to do it.

Gogol · Apr 27, 2021

The font source is included in the site, either through direct @font-face declaration in css, or through some kind of api that includes the font face declaration. It's simple. Take google font for example. Those are non standard fonts. How do you see them in the font family of a website's elements? An apple font would work pretty much the same way.

NulledCode · Apr 28, 2021

Royal96 said:
I see a lot of websites like Medium or SaaS websites using the font from Apple.

When I go to inspect element, I see something like "Apple system font..." but I'm browsing these websites either from a windows machine or an android device. So shouldn't they be Roboto or something else than San Francisco (I believe that is how Apple's font is called) when system fonts are displaying fonts dynamically ?

How can I use the Apple font in WordPress just like the websites I mentioned above? I looked a lot around the web, but haven't found a way to do it.

You can try adding

Code:

-apple-system, BlinkMacSystemFont

to your font-family CSS but, just because you are seeing "Apple system font..." doesn't mean the browser is using it. The only way to really be able to use it is to include it as a web font.

How to use Apple Font in WordPress?

Royal96

Power Member

Gogol

Administrator

NulledCode

Elite Member

Main Menu

Marketplace

Making Money

BlackHat World