2016-11-21 1 views
0

웹 사이트 사용자 정의 웹 글꼴로 작업하고 있었기 때문에 갑자기 작동이 멈췄습니다.wordpress에서 글꼴을 사용할 수 없습니다.

글꼴 다람쥐에서 웹 글꼴 키트를 받았고 로컬 WP 사이트를 사용하여 테스트하고 있습니다.

내가 WP - 콘텐츠에 폰트 키트를 붙여/테마/twentyfifteen/글꼴/여기

테마 폴더

@font-face { 
font-family: 'quicksandregular'; 
src: url('/fonts/quicksand-regular-webfont.woff2') format('woff2'), 
    url('/fonts/quicksand-regular-webfont.woff') format('woff'); 
font-weight: normal; 
font-style: normal; 

} 

h { 
font-family: 'quicksandregular' !important; 
} 

그리고 아무것도에서 내있는 style.css에서 콘텐츠는 웹에서 일어나는입니다 페이지. Bebas Neue라는 맞춤 글꼴을 볼 수 없습니다.

도움이 될 것입니다.

감사합니다.

+0

개발 콘솔에 오류가 있습니까? 또한 선택기'h'가 맞습니까? –

+0

오류가 없습니다. 또한 모든 헤더로 h를 선택할 수 없습니까? – augustus182l

+0

아니요 ether 제안과 같이 쉼표로 구분 된 목록을 타겟팅해야합니다. –

답변

0

"quicksand"라는 글꼴 군을 붙여 넣으셨습니까? 그럼에도 불구하고 이것은 새로운 글꼴을 가져 오기위한 좋은 템플릿이어야합니다.

/* Style all Headlines */ 
h1, h2, h3, h4, h5, h6{ 
    font-family: "quicksandregular"; 
} 

당신은 또한 가을을과 같이 다시 글꼴 스택을 사용한다 : 당신이 당신의 폰트를 호출 할 때

@font-face { 
    font-family: 'quicksandregular'; 
    src: url('/htdocs/www/wp-content/themes/twentyfifteen/fonts/quicksand-regular-webfont.woff2') format('woff2'), 
     url('/htdocs/www/wp-content/themes/twentyfifteen/fonts/quicksand-regular-webfont.woff') format('woff'); 
    font-weight: normal; 
    font-style: normal; 
} 

다음에, 즉, 유효한 이름으로 유효한 선택에서 수행해야합니다 :

/* Style all Headlines */ 
h1, h2, h3, h4, h5, h6{ 
    font-family: "quicksandregular", Arial, Helvetica, sans-serif; 
} 
+0

감사! 중요한! 이제 콘솔에서 gettint 404입니다. 그러나 글꼴 (https://s16.postimg.org/vaw31oz1x/2016_11_21_223632.png) 내 폴더를 봐 CSS에 내 URL ('/ htdocs/wp-content/themes/twentysixteen/font/quicksand-regular- webfont.woff2 ') 형식 ('woff2 '), url ('/ htdocs/wp-content/themes/twentysixteen/fonts/quicksand-regular-webfont.woff ') 형식 ('woff '); – augustus182l

관련 문제