WP OnePress пользовательский шрифт - PullRequest
Новая
       12

WP OnePress пользовательский шрифт

0 голосов
/ 24 марта 2020

Я пытаюсь установить «не включенный» шрифт в шаблон OnePress. Я попробовал плагины и т. Д. c. но это не работает То же самое с CSS. Например, я использовал это: 


     @import url("https://use.typekit.net/zni3ajm.css");

    body, body p { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     } 
     #page .site-branding .site-title, #page .site-branding .site-text-logo { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     } 
     #page .site-branding .site-description { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     } 
     .onepress-menu a { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     } 
     .hero__content .hero-large-text, .hero__content .hcl2-content h1, .hero__content .hcl2-content h2, .hero__content .hcl2-content h3 { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     } 
     body h1, body h2, body h3, body h4, body h5, body h6,
        .entry-header .entry-title,
        body .section-title-area .section-title, body .section-title-area .section-subtitle, body .hero-content-style1 h2 { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     }

Но это меняет только текст панели навигации, ничего больше.

Самая странная часть: https://ctrlv.cz/VnU7 Это работает, если я вставьте CSS правку. Но затем я нажимаю publi sh, и на исходной странице обновляется только navbar. Кто-нибудь может мне помочь?

Кстати, я импортирую из Adobe Creative Cloud.

РЕДАКТИРОВАТЬ: я пробовал другой шрифт, и он работает! Как это возможно? Можно как-нибудь это исправить?

1 Ответ

0 голосов
/ 24 марта 2020

Используйте @ font-face и импортируйте шрифт прямо в файл стиля

Например 

@font-face {
font-family:"century-gothic";
src:url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

Затем используйте его на своем коде: 

body, body p { 
        font-family: century-gothic;
     }
...