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
Post a Comment