HTML5 텍스트 에드워드 스크립트

Question

글꼴 패밀리로 텍스트를 Edwardian Script으로 표시해야합니다.

어떻게 수행하나요?

<div class="sweetest_ride">Sweetest Rides Available Worldwide</div> 

이 CSS입니다 :

이

내 HTML입니다

.sweetest_ride { 
    color: #FFFFFF; 
    float: left; 
    font-family: "Edwardian Script"; 
    font-size: 30px; 
    font-weight: bold; 
    letter-spacing: 2px; 
    margin-top: 10px; 
    padding-bottom: 10px; 
    text-align: center; 
    width: 100%; 
} 

내가 일 wiil이 아무것도 사용하지 않습니다.

에드워드 스크립트 글꼴 가족이 링크에 표시됩니다

www.microsoft.com/typography/fonts/font.aspx?FMID=990

Answer 1

당신은 @font-face rule in CSS 만들 수

font-family: "Edwardian Script"; 

설정할 수있는 매개 변수에 대한 자세한 내용은 제공된 링크를 참조하십시오.

Answer 2

내가 글꼴 이름으로 '에드워드 스크립트 ITC'를 사용하고, 아 만들 필요가 있는지 당신은 흰색 텍스트를 표시하지 않습니다 흰 바탕.

@font-face { 
    font-family: "Edwardian Script"; 
    src: url(path/to/the/font); 
} 

다음과 함께 사용 :