@字體面的的iOS 3.0中嵌入 - 4.1

這裏是我的CSS（在iOS 4.2的工作），但在iOS的< 4.1）的任何早期verisons不起作用@字體面的的iOS 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; 
}

我可以的例子在這些iOS版本中，沒有找到（或找到）在這些早期版本的Safari中嵌入字體的方法。

請問任何人都可以幫忙嗎？

謝謝。

來源

2011-01-25 Karlgoldstraw

SVG字體必須像這樣被引用：

@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; 
}

...其中#webfontATHY6trD是字體的SVG文件中的ID。它應該看起來像這樣（只需在文本編輯器中打開它）：

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

來源

2011-02-07 15:31:52

較舊版本的safari只接受svg格式的字體。使用像字體松鼠這樣的在線字體轉換器來生成該格式的字體。

來源

2012-01-04 16:05:27

@字體面的的iOS 3.0中嵌入 - 4.1

回答

相關問題