CSS로 링크 글꼴 설정

Question

내 링크에 'Libre Baskerville'글꼴을 사용하고 싶습니다. 여기

내 실패 시도 :

ul li a{ 
    display: block; 
    color: #fff; 
    text-decoration: none; 
    font-family:"Libre Baskerville"; 
} 

가 어떻게 글꼴을 설정할 수는?

Answer 1

Libre Baskerville은 기본적으로 클라이언트에서는 사용할 수 없지만 CSS를 통해로드 할 수는 있습니다. 당신은 자신의 서버에서 서비스를 제공 할 수 있지만, 구글에서 봉사하는 아마 더 편리 :

이

https://www.google.com/fonts/specimen/Libre+Baskerville

당신이 구성자에 클릭 할 수 있습니다 :

https://www.google.com/fonts#UsePlace:use/Collection:Libre+Baskerville

를 선택할 수 있습니다 좋아하는 스타일과 문자 세트. 현명하게 선택하고 필요한 최소한의 옵션을 선택하십시오. 옵션 수가 적 으면 다운로드 횟수가 적어지고 (페이지에 게이지 표시기가 있음) 다운로드가 줄어들면 페이지로드가 빨라집니다.

font-family: 'Libre Baskerville', serif; 

: 당신이 당신의 CSS에 그랬던 것처럼 당신은 그것을 사용할 수 있습니다, 그 후

<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'> 

: 작업이 완료되면

,이 같은 글꼴을 포함하는 라인을 얻을 것이다