css - @font-face embedding in iOS 3.0 - 4.1 -


here example of css (which works in ios 4.2) doesn't work in earlier verisons of ios <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; } 

i can't work out (or find) way of embedding fonts in these earlier versions of safari in these ios versions.

please can help?

thanks.

svg fonts must referenced this:

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

...where #webfontathy6trd id of font in svg file. should (just open in text editor):

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

Comments

Popular posts from this blog

java - SNMP4J General Variable Binding Error -

windows - Python Service Installation - "Could not find PythonClass entry" -

Determine if a XmlNode is empty or null in C#? -