Google 글꼴 - windows

-3

Windows에서 Google 글꼴을 사용하여 알려진 버그가 있습니까?Google 글꼴 - windows

<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700,500' rel='stylesheet' type='text/css'> 


/* RALEWAY */ 
/* latin */ 
@font-face { 
    font-family: 'Raleway'; 
    font-style: normal; 
    font-weight: 300; 
    src: url(http://fonts.gstatic.com/s/raleway/v9/-_Ctzj9b56b8RgXW8FAriQsYbbCjybiHxArTLjt7FRU.woff2) format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

} 글꼴 Raleway는 모든 브라우저에 표시되지 않습니다

만 크롬에서 작동합니다.

CSS :

.s11-col-title span{font-weight:300;font-family:"Raleway";font-size:42px;letter-spacing: -2px;}

어쩌면 파이어 폭스와 IE가 woff2를 지원하지 않습니다?

출처

2014-09-03 Wordica

실제로 CSS를 통해 HTML 요소를 호출 해 보았습니까? – ZombieCode

시도한 것을 더 많이 알지 못해 실제로 구현하는 방법을 읽었을 것입니다. 다음은 Mozilla 개발자 네트워크에 대한 링크입니다.

중요한 것은이

Mozilla Font Face

, 당신은 HTML 요소에 추가해야합니다.

HTML 요소 :

<h2>New Font is Used</h2>

CSS 전화 :

h2 { font-family: Raleway; }

업데이트 :

귀하의 글꼴 호출이 올바르지 않습니다.

@font-face { 
    font-family: 'Raleway'; 
    font-style: normal; 
    font-weight: 500; 
    src: local('Raleway Medium'), local('Raleway-Medium'), url(http://fonts.gstatic.com/s/raleway/v9/CcKI4k9un7TZVWzRVT-T8xsxEYwM7FgeyaSgU71cLG0.woff) format('woff');

} 여기

은 예입니다 Code Pen

업데이트 2 : 여기

링크 호출이 여기에 또 다른

<link href="http://fonts.googleapis.com/css?family=Raleway:400,300,700,500" rel="stylesheet" type="text/css" />

과 같아야 것입니다 예 : Code Pen Example #2

손으로 붙여 넣은 통화를 제거하고 Google의 코드 만 사용하면됩니다. 코드를 사용하지 마십시오. 잘못되었습니다.

출처

2014-09-03 00:44:08 ZombieCode

예 요소 업데이트 된 질문 – Wordica

에 무엇을 추가합니까? 나는 Google 사이트 – Wordica

에서 가져옵니다. http://fonts.googleapis.com/css?family=Raleway:400300500700 – Wordica

왜 @ font-face가 필요한지 질문합니다. Google 글꼴이 그 역할을합니다. 당신은 당신의 문서의 헤드에있는 링크를 필요로하고 클래스 선언에 글꼴 이름을 사용 : 스타일 시트에서 다음

<!DOCTYPE html> 
    <html> 
    <head> 
     <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700,500' rel='stylesheet' type='text/css'> 
    ...

과 :

.s11-col-title span { 
    font-weight:300; 
    font-family:"Raleway"; 
    font-size:42px; 
    letter-spacing: -2px; 
}

하고 당신이 가서 잘되어야합니다 ...

출처

2015-07-27 20:21:06

Google 글꼴 - windows

답변

관련 문제