Кроссбраузерный @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;}

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

[ZvEr_HaCkEr]

Я делал так:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" />

вроде работает