맞춤 WordPress 테마 용 Google 웹 글꼴 사용

Question

방금 ​​WordPress 테마를 설치했습니다. (WordPress로 작업 한 처음이므로 많은 것을 배우고 있습니다.) 블로그의 글꼴을 만들어야합니다. Google 웹 글꼴 인 나머지 웹 사이트의 글꼴과 일치시킵니다.

WordPress 대시 보드에서 사용자 지정 테마의 스타일 시트 편집기로 갔고 @import를 통해 글꼴을 추가했습니다. 그래서 현재 다음과 같습니다 :

/* Make all custom CSS changes BELOW this line 
-----------------------------------------------------------*/ 

@import url("http://fonts.googleapis.com/css?family=Questrial:700,400"); 

body { font-family: Questrial, sans-serif; } 

그러나 블로그의 글꼴은 변경되지 않았습니다. 웹 글꼴을 올바르게 구현하지 않습니까? 달성하고자하는 일을하는 데 더 나은/다른 방법이 있습니까?

누구에게 도움을 주셔서 감사합니다.

Answer 1

글쎄, 제대로 글꼴을 구현하는 것 같습니다.

Firefox 용 Firebug 또는 Google 크롬에 내장 된 개발자 도구와 같은 도구를 사용하여 Google 글꼴 서버에서 HTTP 요청이 정상적으로 돌아 왔는지 확인해보십시오.

CSS 파일을 제대로로드하는 경우 CSS 상속에 문제가있을 수 있습니다. 계단식 스타일 시트의 '계단식'부분 때문에 중요도 목록에서 더 높은 규칙이있을 수 있습니다. 사냥하고 찾아야합니다. 다시 Firebug 또는 Chrome 개발자 도구를 사용할 수 있습니다.

가장 간단한 솔루션은 단순히 font-family: Questrial, sans-serif !important;