2013-10-15 2 views
0

인터넷 연결없이 로컬 웹 페이지 (XAMPP)에서 다운로드 한 글꼴을 사용할 수 있습니까? 어떤 사람들은 인터넷 연결을 할 여유가 없어서 컴퓨터를 사용하기 때문에 글꼴을보아야합니다. http://openfontlibrary.org/en/font/didact-gothic인터넷에 연결하지 않고 다운로드 한 글꼴 사용

나는 운없이이 시도 :

이 웹 글꼴입니다 사전에 http://css-tricks.com/snippets/css/using-font-face/

감사합니다 !!!!

편집

나는이 .CSS없이 일을 가지고 있기 때문에 파일이 저장되는 장소가 문제라고 생각합니다. 내 모든 파일의 장소는 그냥 작동해야 브라우저에서 로컬 호스트에 가면 /opt/lammp/htdocs

@font-face { 
    font-family: 'DidactGothicMedium'; 
    src: url('didactgothic.eot'); 
    src: url('didactgothic.eot') format('embedded-opentype'), 
     url('didactgothic.woff') format('woff'), 
     url('didactgothic.ttf') format('truetype'), 
     url('didactgothic.svg#DidactGothicMedium') format('svg'); 
} 

p { 
    font-family: 'Didact Gothic'; 
    font-weight: normal; 
    font-style: normal; 
    padding-left: 25px; 
    padding-right: 25px; 
} 

input { 
    font-family: 'Didact Gothic'; 
    font-weight: normal; 
    font-style: normal; 
} 
+0

convertfonts.com과 같은 사이트에서 다운로드 할 수있는 웹 글꼴 키트를 사용해야하며 스타일 및 글꼴 파일을 포함해야하며 글꼴은 로컬 개발에서 작동하지만 먼저 otf 또는 ttf 파일이 필요합니다. 글꼴 웹킷을 다운로드 – sven

+0

고마워요 boom_Shiva !! 문제는 이제로드하지 않고 결과를로드하려고하기 때문에 모든 파일을 저장해야하는 위치입니다. 감사!! – heyplaynow

+1

당신은 어떻게 인터넷 conenction가없는 사람들에 의해 방문을 얻는 것을 계획합니까 ??? – CustomX

답변

0

예 그냥 앞으로 당신이하고자 포트를 좋아하고 자신의 IP/도메인과 거기에 이동 가능하다. 그 @font 당신을 위해 작동하지 않는 경우

. 당신은 크롬/파이어 폭스 (나는 생각 .OTF 인터넷 익스플로러 만 (특정 파일 exentions 지원) 사용)

를 확인 1 - 1, 2) 당신은 권리가 있습니다 경로 설정!

또한 어쩌면 당신의 HTML/CSS 코드의 일부는, 당신의 질문 : 당신은 당신이 http://convertfonts.com 같은 사이트에서 다운로드 할 수있는 웹 폰트 키트를 사용할 필요가

+0

감사합니다 lepel100! 내 질문을 업데이트했습니다. – heyplaynow

0

awnser 우리를 도와 스타일 및 글꼴 파일을 포함 할 수 있으며, 글꼴은 지역 개발에서 작동하지만, 먼저 웹킷을 다운로드 할 글꼴에 대한 otf 또는 ttf 파일이 필요합니다.

은 당신이 CSS를 가지고있는 것처럼, JS 폴더 및 CSS 파일에 바로 포함하는 글꼴 폴더를 만들/글꼴/

CSS 파일이 URL에 대한 변경 사항을 다른 폴더에있는 경우

@font-face { font-family: 'MuseoSans-100'; 
    src: url('fonts/museosans-100.eot'); 
    src: url('fonts/museosans-100.eot') format('embedded-opentype'), 
     url('fonts/museosans-100.woff') format('woff'), 
     url('fonts/museosans-100.ttf') format('truetype'), 
     url('fonts/museosans-100.otf') format('opentype'), 
     url('fonts/museosans-100.svg#MuseoSans-100') format('svg'); 
    } just an example 

같은, 이에 따라

관련 문제