캔트가 제대로 작동하려면 @ font-face를 얻으십시오

Question

글꼴 다람쥐에서 글꼴 얼굴 키트를 다운로드하고 주어진 코드로 CSS 파일을 만들었습니다. woff, ttf, eot 및 svg 파일을 모두 공용 폴더에 복사하고 사용하려는 글꼴을 참조하는 h1 코드를 만들었습니다. 그러나 글꼴이 작동하는지 확인하기 위해 갈 때, 나는 표준 시간에 새로운 로마를 얻는다. 백업 글꼴을 사용하려는 글꼴 옆에 넣으면 그 글꼴을 얻습니다. 왜 이런 일이 일어날 지 아는 사람이 있습니까? 여기에 제가 사용하고있는 코드가 있습니다.

@font-face { 
font-family: 'CartoGothicStdBook'; 
src: url('CartoGothicStd-Book-webfont.eot'); 
src: url('CartoGothicStd-Book-webfont.eot?iefix') format('eot'), 
    url('CartoGothicStd-Book-webfont.woff') format('woff'), 
    url('CartoGothicStd-Book-webfont.ttf') format('truetype'), 
    url('CartoGothicStd-Book-webfont.svg#webfont1l1oLWSU') format('svg'); 
font-weight: normal; 
font-style: normal; 

} 
.carto { 
font-family: CartoGothicStdBook, Arial; 
color: #333333; 
font-size: 44px; 
letter-spacing: -3px; 
} 

<h1 class= "carto"><b>Share Your Knowledge & Explore Your Passions<b></h1> 

Answer 1

대답은 위에 나열되어 있으며 간단한 디렉토리 문제였다

여기 폴 아일랜드어에서 몇 가지 추가 정보를 원하시면입니다. 레일즈는 추가 디렉토리를 위해 /를 필요로합니다.

Answer 2

외부 스타일 시트에서이 글꼴을 가져 오시겠습니까? 내 글꼴을 같은 디렉토리에 배치하고 @ font-face 선언을 적용 할 수있는대로 내 페이지에 직접 삽입 할 때 아무런 문제가 없었지만 상대 소스에 연결할 수있는 것 같지 않았습니다. 이것이 라이센스 문제를 둘러싼 모든 소동과 관련이 있는지 궁금합니다.

ul li:nth-child(6n),#filler { 
    color:#3F9; 
    font-family:'WCRhesusABtaRegular'; 
    } 

해당 글꼴이 될 것 여기서 :

 @font-face { 
      font-family: 'WCRhesusABtaRegular'; 
      src: url('WC_Rhesus_A_Bta-webfont.eot'); 
      src: url('WC_Rhesus_A_Bta-webfont.eot?iefix') format('eot'), 
       url('WC_Rhesus_A_Bta-webfont.woff') format('woff'), 
       url('WC_Rhesus_A_Bta-webfont.ttf') format('truetype'), 
       url('WC_Rhesus_A_Bta-webfont.svg#webfonte627I3xy') format('svg'); 
      font-weight: normal; 
      font-style: normal; 

     } 

BTW,이 장식적인 목적을 위해 멋진 글꼴 (또 다른 것은 ... 나는 더 나은 행운 예를 들면 '와 글꼴 참조를 가진 것 같았다 만약 당신이 독서를위한 것이 아니라면, 독서를 위해 잭슨 폴락을 방문하고 싶다면).

더 많은 이슈를 접한다면이 도움이되기를 바랍니다. 만약 당신이 폰트 스타일 시트를 가져올 길을 찾거나 별도의 디렉토리에 글꼴을 배치하십시오, 나는 그것에 대해 듣고 싶습니다 ... 누구든지 글꼴을 가져 오는 웹에서 예제를 찾을 수 없었지만 사람들이/Fonts 디렉토리를 사용하는 것을 보았습니다. 라이센스 관련 항목 일 수도 있습니다.

오, 그리고 @ font-face로 시작하는 사람들을위한 빠른 메모 (저는 이제 막 시작했습니다) ... 폴 아이리쉬가 언급 한 몇 가지 "gotchas"가 있지만 가능하다면 브라우저가 로컬 글꼴을 사용하므로 글꼴을 로컬에 설치하지 않아야합니다. 이렇게하면 테스트를 신뢰할 수 없게됩니다 ... 물론 Windows 7 이상에서는 글꼴을 제거하기가 어렵지 않습니다.

http://paulirish.com/2010/font-face-gotchas/#comment-48744