스타일 시트가

이 코드

@import url('https://fonts.googleapis.com/css?family=Karla|Roboto+Slab');

에게있는 style.css에서로드하려고

로드하지만 난이 오류가 발생 할 수 없습니다? 어떻게 든

Stylesheet could not be loaded https://fonts.googleapis.com/css?family=Karla|Roboto+Slab

당신이 무엇을 잘못하면 구문 오류 알아?

미리 감사드립니다.

출처

2017-01-25 Cristi

그것은 여기에서 잘 작동, 당신은 또한

.Karla { 
 
    font-family: Karla; 
 
} 
 

 
.Roboto_Slab { 
 
    font-family: 'Roboto Slab'; 
 
}

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Karla|Roboto+Slab" /> 
 

 
<div class="Karla">Karla</div> 
 
<div class="Roboto_Slab">Roboto Slab</div> 
 
<div>Normal</div>

을 통해 그것에게 "옛날 방식"을로드 할 수 ( @import)

@import url('https://fonts.googleapis.com/css?family=Karla|Roboto+Slab'); 
 

 
.Karla { 
 
    font-family: Karla; 
 
} 
 

 
.Roboto_Slab { 
 
    font-family: 'Roboto Slab'; 
 
}

<div class="Karla">Karla</div> 
 
<div class="Roboto_Slab">Roboto Slab</div> 
 
<div>Normal</div>

예제를 참조

출처

2017-01-25 07:47:24 ppasler

사용중인 코드에 아무런 문제가 없습니다. @import을 사용하는 경우 CSS 문서 맨 위에 있어야합니다. 또한, 당신이 사용 <head> 및 부하 구글 글꼴에서 <link>을 사용할 수 있습니다 CSS와

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Karla|Roboto+Slab" />

출처

2017-01-25 07:47:25

, 당신이 무슨 위에 덮어 하단에 가져 캔트? – Gezzasa

'@ import' 규칙은'@ charset' 규칙을 제외하고 다른 모든 규칙 유형보다 우선해야합니다. 중첩 된 문장이 아니기 때문입니다. '@ import'에 대한 더 자세한 정보는 [이 링크] (https://developer.mozilla.org/en-US/docs/Web/CSS/@import)를보십시오. –

스타일 시트가

답변

관련 문제