Кроссбраузерный @font-face

[dprzrv]

@font-face {font-family: Lobster;  
   src: url('fonts/Lobster.eot'); /* IE9 */
   src: url('fonts/Lobster.eot?') format('eot'),  /* IE6-IE8 */
   url('fonts/Lobster.woff') format('woff'), /* Современные браузеры */
   url('fonts/Lobster.ttf')  format('truetype'), /* Safari, Android, iOS */ 
   url('fonts/Lobster.svg#svgLobster') format('svg'); /* iOS */}


h1 {font-family: 'Lobster', serif;
      font-size: 288px;}

В Сафари, Хроме — работает. На Айфоне и Айпаде — нет. Чем дополнить, что исправить? Подскажите.

Спасибо.

[Mavrun]

http://shublog.ru/html-and-css/nestandartnye-shrifty-na-sajjte-ili-css-svojjstvo-font-face/

[dprzrv]

@font-face { 
   font-family: 'Lobster'; 
   src: url('lobster.eot'); 
   src: local('?'), 
        url('lobster.woff') format('woff'), 
        url('lobster.ttf') format('truetype'), 
        url('lobster') format('svg');  

}


      h1 {
        font-family: 'Lobster', serif;
        font-size: 288px;

Спасибо за статью. На Айфоне и Айпаде попрежнему не работает.

Что не так?

[Great Rash]

В интернетах пишут, что необходимо так же задать font-weight и font-style.

@font-face {
  font-family: Lobster;  
  src: url('fonts/Lobster.eot');
  src: url('fonts/Lobster.eot?iefix') format('eot'),
       url('fonts/Lobster.woff') format('woff'),
       url('fonts/Lobster.ttf') format('truetype'),
       url('fonts/Lobster.svg#svgLobster') format('svg');
  font-weight: normal;
  font-style: normal;
}

У меня подобный синтаксис работает на айфоне точно.