Mac O’Clock
Published in

Mac O’Clock

How to: find Fonts in Apple Font Book and use them on the Website

Simple tutorial for web developers…

Developing a website is interesting. However, if we use a font that only exists on our computer but not on another, the website display will go wrongs. Thus, we need to ‘remotely’ load the font instead.


Let’s take SF Pro Display Font as an example.

1. Find fonts location using Apple Font Book




The best stories for Apple owners and enthusiasts

Recommended from Medium

Build and deploy Open Source LWC components

What to expect at Lambda Labs

Consonance JavaScript Sprint : Day 2 (Objects and Array)

Laravel 8 Single Page Application (SPA) with Vue JS

Download Source Code For RxJS Higher Order Observables Course Demo in Hindi

Nx Workspaces

How to Create a To-Do List using JavaScript Web Components

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


 WWDC Award Winner | Software Engineer, Github Developer, UI/UX Design | Contact: | Website:

More from Medium

How to: handle Dark Mode for Apple Mail Client

Intel’s New Arc Family Of Discrete Mobile Graphics Is AMomentous Messaging Opportunity

Mac Studio: The Most Powerful Mac

iPadOS 16 Wishlist: 6 Features That Should Come to iPad in 2022