2011-06-19 9 views
5

Aby wyśrodkować mój tekst w pionowym polu, używam tej samej wysokości linii, co wysokość pudełka. Działa idealnie na iPhone'ie dla czcionek systemowych. Ale kiedy używam @ font-face muszę mieć reklamę co najmniej 3px do wysokości linii dla iPhone'a lub inaczej tekst nie jest już wyśrodkowany w pionie (jest w górę lub 3px).Różne wysokości linii na iPodzie przy użyciu font-face

Czy ktoś wie, dlaczego?

Odpowiedz

4

Czy próbowali dodanie do CSS:

myel { 
    -webkit-text-size-adjust: none; 
} 
+0

Tak, oczywiście. Próbowałem już różnych czcionek. To zawsze ten sam efekt. –

+0

Czy istnieje tylko mobilny hack safari? Ponieważ nie znalazłem odpowiedzi na to szukanie google od wielu godzin teraz myślę, że byłaby to opcja. –

1

rozwiązany:

Problemem jest to, że byłem jeszcze na OS 3.1.3 na moim 3G bo popełnił straszne doświadczenie na perfomance za pomocą 4.2.

Niezależnie od tego, aktualizowanie do najnowszego OS 4.2 rozwiązuje problem wysokości linii dla czcionek używanych z czcionką w Mobile Safari.

+0

Niestety mam ten problem między przeglądarkami Safari dla komputerów Mac i Safari dla okien - w oknach pozycja tekstu jest tym, czego się spodziewałam - na Macu, którego próbowałem, pionowe wycentrowanie tekstu z wyjątkiem dodania górnego dopełnienia do elementu (co oczywiście wymaga hackowania, ponieważ w innych przypadkach wygląda dziwnie na Windows i innych przeglądarkach). –

+0

Nawet z najnowszą aktualizacją na obu komputerach? Jest to bardzo dziwne. Przecież zacząłem używać różnych wyściółek, aby uzyskać pikselizację na każdym komputerze. Ostatecznie to w jakiś sposób zależy od tego, co próbujesz osiągnąć piksel idealny. Ale na pewno byłbym zadowolony, gdyby istniało ogólne rozwiązanie tego problemu. –