2011-01-25 5 views
3

은 (아이폰 OS 4.2에서 작동)하지만 아이폰 OS < 4.1)의 이전 verisons에는 아이폰 OS 3.0에 내장 - 여기에 4.1

/**** CSS3 Font embedding ****/ 
@font-face { 
font-family: 'ChevinLight'; 
src: url('./uploads/fonts/chevilig-webfont.eot'); 
src: url('./uploads/fonts/chevilig-webfont.ttf') format('truetype'), url('./uploads/fonts/chevilig-webfont.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

@font-face { 
font-family: 'ChevinBold'; 
src: url('./uploads/fonts/chevibol-webfont.eot'); 
src: url('./uploads/fonts/chevibol-webfont.ttf') format('truetype'), url('./uploads/fonts/chevibol-webfont.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 


body { 
height: 100%; 
font-family: Helvetica, Arial, sans-serif; 
background: #009933; 
padding: 0 10px 0 10px; 
} 


/****** ELEMENTS *****/ 
h1, h2 { 
text-transform: uppercase; 
color: #FFFFFF; 
} 
h1 { 
font-family: 'ChevinBold', Helvetica, Arial, sans-serif; 
font-size: 16px; 
margin: 0 0 5px 0; 
font-weight: normal; 
line-height: 1px; 
} 
h2 { 
font-family: 'ChevinLight', Helvetica, Arial, sans-serif; 
font-size: 16px; 
margin: 6px 0 5px 0; 
font-weight: normal; 
line-height: 1px; 
} 
p { 
font-family: 'ChevinLight', Helvetica, Arial, sans-serif; 
font-size: 15px; 
font-weight: normal; 
color: #FFFFFF; 
} 

내가 할 수있는 일을하지 않습니다 내 CSS의 예입니다 이 iOS 버전에서 Safari의 이전 버전에 글꼴을 포함시키는 방법을 찾거나 찾지 마십시오.

아무도 도와 드릴 수 있습니까?

감사합니다.

답변

6

SVG 글꼴은 다음과 같이 참조해야합니다 : #webfontATHY6trD이 SVG 파일에서 글꼴의 ID입니다

@font-face { 
    font-family: 'KomikaHandRegular'; 
    src: url('Komika_Hand-webfont.ttf') format('truetype'), 
     url('Komika_Hand-webfont.svg#webfontATHY6trD') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

.... 다음과 같이 바뀝니다 (텍스트 편집기에서 열어야합니다) :

font id="webfontATHY6trD" horiz-adv-x="1259" 
0

이전 버전의 사파리는 svg 형식의 글꼴 만 허용합니다. 글꼴 다람쥐 같은 온라인 글꼴 변환기를 사용하여 해당 형식으로 글꼴을 생성하십시오.