o ipad, e o mobile safari permite embedar webfonts, porém somente no formato svg. svg é, na verdade, um fomato de vetor, e formato de fonte .svg é na verdade o formato em que as fontes são embedadas no vetor svg.
o ruim do .svg é que ele não aceita nenhum hinting, as fontes são textos que possuem o desenho do glifo neles. como pode se imaginar isso aumenta muito o tamanho do arquivo, o que torna o svg um tanto quanto impróprio para web, principalmente num aparelho mobile como o ipad (ou o iphone que usa o mesmo browser).
a declaração css fica como escrito a seguir, a única diferença é o hashtag em vermelho:
@font-face { font-family: ‘GraublauWebRegular’; url(‘graublauweb.otf’) format(‘opentype’), url(‘graublauweb.svg#GraublauWeb-Regular’) format(’svg’); }
espero que a apple volte atrás com o svg. a meu ver isso é um retrocesso, pois já existe o formato .woff que é próprio para web, que inclusive vêm sendo abraçado por algumas foundrys.
fonte: opentype.info
