CSS : 설치된 글꼴 사용

내 웹 페이지에서 dafont.com의 "Bebas Neue"라는 글꼴을 설치하려고합니다. 우분투를 실행하고 글꼴 뷰어에서 글꼴을 열었고 성공적으로 설치했습니다. 이제 내 CSS에서 글꼴을 참조하는 시도했다 :CSS : 설치된 글꼴 사용

font-family: 'Bebas Neue', sans-serif;

그러나 이것은 여전히 기본 글꼴을 표시합니다. 내가 올바르게 참조하거나이 글꼴을 사용하기 위해 더 많은 것을해야합니까?

출처

2013-03-04 Shannon Rothe

가능한 중복이를 적용 할 어떤 요소에 참조 : http://stackoverflow.com/q/220236/1563422 및 http://stackoverflow.com/q/107936/1563422 –

그 글꼴 .. face for .. ..? –

다른 사용자를 위해이 글꼴을 웹에 퍼가거나 컴퓨터에서만 보려고하십니까? 필자가 아는 한,이 작업을 수행하는 유일한 방법은 글꼴을 포함시키는 것입니다. 나는 CSS에서 @ font-face 메서드를 사용한다. http://fontsquirrel.com은 무료 키트 및 지침을 제공합니다 ... 두통을 많이 줄 것입니다 – gillytech

는 SRC 글꼴 경로입니다

@font-face 
{ 
font-family: myFirstFont; 
src: url('Bebas Neue.ttf'), 
    url('Bebas Neue.eot'); /* IE9 */ 
}

을 시도합니다.

프로젝트 폴더에 글꼴을 넣으십시오.

아래와 같이 것을 사용

div 
{ 
    font-family: myFirstFont; 
}

출처

2013-03-04 05:52:33

사용 께 @ 폰트 얼굴 방법. http://fontsquirrel.com에는 많은 무료 및 상업용 사용 리소스가 있습니다. 생성기에 글꼴을 업로드하면 브라우저 간 글꼴 파일과 지침이 포함 된 깔끔한 키트가 제공됩니다. 여기

은 예입니다 :

@font-face { 
    font-family: 'OpenSansLight'; 
    src: url('fonts/fonts/OpenSans-Light-webfont.eot'); 
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/OpenSans-Light-webfont.woff') format('woff'), 
     url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), 
     url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

그리고 당신이

<style type="text/css"> 
div { 
    font-family: OpenSansLight; 
} 
</style> 


<div> 
    This is OpenSansLight! 
</div>

출처

2013-03-04 06:00:35 gillytech

예! 그게 내가 필요한 것입니다. :) –

CSS : 설치된 글꼴 사용

답변

관련 문제