@font-face свързва файл с конкретен шрифт и тежест

Полезно е да знаеш

@font-face описва ресурс за шрифт и характеристиките, с които той трябва да се използва. Името на семейството, източникът, стилът и тежестта свързват файла с последващите CSS заявки. [1]

Пример: @font-face { font-family: "Example"; src: url("example.woff2") format("woff2"); font-weight: 400; font-style: normal; }. За отделен Bold файл трябва съответно описание. При variable font се задава подходящ диапазон според ресурса. Провери дали самият файл съдържа нужните кирилски знаци и дали имаш право за уеб употреба; декларацията не добавя липсващи глифове или лиценз.