Потребителски шрифтове на уеб сайт - да се свързват с помощта на CSS
Като цяло, бих казал, че използването на потребителски шрифтове на уеб сайт - не е много желателно. И всички неща шрифтове сайта от Photoshop - груб дизайнер грешката, която показва, че му липсва опит, мисля. Красива сайт на това не стане, но се измъкнем трудности с показването на шрифтове в различни браузъри. Един от начините да се свържете с нестандартен шрифт на уеб сайт, който ще опиша по-долу е добре, защото тя работи добре в популярни браузъри.
предприети за налагане на шаблон за WordPress наскоро поръчано и двата пъти, бях изправен пред въвеждането на нестандартни шрифтове на даден сайт. Въпреки, че задачата не е толкова трудно, колкото ми се стори на пръв поглед, но съм прекарал много време, за да търсят своето решение. В действителност, тъй като се оказа, че има няколко начина за свързване нестандартен шрифт, за да уебсайт. но най-ефективен и лесен в моя случай се оказа начин да се свърже с шрифта на сайт с помощта на CSS.
Свързване на нестандартни шрифтове, използващи CSS
Ако вече са намерили и изтеглени на шрифта, шрифтът вече е възможно да се свърже със страницата. За да направите това, изтеглете файла на шрифта чрез FTP към сайта. например, в една папка на вашата тема. След това, в папката тема style.css намерете файла и да го отворите за редактиране. Добавете следния код във вашия style.css файлове и редактиране.
Мисля, че е необходимо да се изясни малко този код.
Тази линия настройвате правила за CSS, с които по-късно можете да зададете конкретен елемент желания шрифт.
Тази линия проверява шрифта операционната система на потребителя, и ако шрифта липсва, шрифтът е заредена от папка на вашата тема.
Тази линия показва пътя до файла на шрифта, за да го изтеглите на машината на потребителя. Естествено, 42852.ttf - е името на шрифта файл с разширение. Трябва да се посочи разширяване.
Така че, когато се свържете с нестандартна шрифта на сайта. Тогава просто трябва да се използва обикновено за всички елементи на текста на сайта. Пример показва по-долу.
По този начин, всички заглавията H1 към вашия сайт ще се показват с помощта на шрифта Архангел. Също така, можете да зададете персонализиран шрифт за всеки друг елемент на вашия сайт с помощта на правила CSS.