המאפיין @font-face עם הכלל @font-face, מעצבי אתרים אינם צריכים להשתמש יותר באחד מהגופנים "בטוחים לאינטרנט".
בכלל ה-@font-face עליך להגדיר תחילה שם לגופן (למשל myFirstFont), ולאחר מכן להצביע על קובץ הגופן.
כדי להשתמש בגופן עבור רכיב HTML, עיין בשם הגופן (myFirstFont) דרך המאפיין font-family:
דוגמא: