2011-01-25 1 views
3

вот пример моего CSS (который работает в прошивкой 4.2), но не работает в любых предыдущих verisons ИО < 4.1)@ шрифт лица вложения в прошивкой 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; 
} 

я могу (или найти) способ встраивания шрифтов в эти более ранние версии Safari в этих версиях iOS.

Пожалуйста, кто-нибудь может помочь?

Спасибо.

ответ

6

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. Это должно выглядеть примерно так (просто откройте его в текстовом редакторе):

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

Старые версии сафари принимают только шрифт в формате SVG. Используйте онлайн-конвертер шрифтов, как шрифт squirrel, для генерации шрифтов в этом формате.

Смежные вопросы