Google 글꼴에서 다운로드 한 OpenSans-Light.tff 웹 폰트를 사용하고 싶습니다. 여기 내 main.css 내에서 노력하고 있습니다 :CSS를 사용하여 Opan Sans .tff를 어떻게 추가합니까?
@font-face {
font-family:"OpenSans";
src: url("fonts/OpenSans-Light.ttf");
}
.banner h1 {
font-family: "OpanSans", arial;
}
비록 작동하지 않습니다.
사용하려는 경우 단지 @import 같이 사용 :
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
를하거나 HTML에 <head>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
을이를 추가 한 다음 CSS이 추가
.banner h1{font-family: 'Open Sans', sans-serif;}
가장 쉬운 (틀림없이 가장 좋은 방법은) 간단히를 사용하는 것입니다 귀하의 CSS에. 이 http://jsfiddle.net/gLej4h82/
CSS :
여기에 내가 당신을 위해 만든 JSFiddle의
@import url('http://fonts.googleapis.com/css?family=Open+Sans');
body {
font-family: 'Open Sans';
}
당신이
@import의 URL (http://fonts.googleapis.com/css?family=Open+Sans:400,700,300)를 추가하는 경우;
CSS 파일에서 코드의 바로 가기하고 아래에있는 당신을 위해 매우 좋은 서비스를 폰트 페이스를 생성하는
.banner h1{
font-family:'Open Sans', sans serif;
font-weight: 400; /* 400 is regular, 300 is light, 700 is bold */
}
사용이 서비스를 작동합니다 같은 특정 객체를 참조합니다.
먼저 OPAN이 아니라 OPEN입니다. 둘째, Google 글꼴에서 제공하는 코드가 아니며 닫히지도 않습니다. – Devin