Skocz do zawartości

Zdjęcie
- - - - -

Renderowanie czcionek na różnych przeglądarkach i systemach


1 odpowiedź w tym temacie
  • Zaloguj się, aby dodać odpowiedź
zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 14 sierpnia 2015 - 10:24

#1

Tak z ciekawości pytam, bo w sumie nigdy większej uwagi do tego nie przykuwałem, dopóki mi klient nie powiedział, że mu pozmieniałem czcionki...

Bodajże Roboto Condensed zastosowałem na stronie. @importowany w CSS, wszytskie grubości i Latin Ext. I wiadomo, że grubość 400 różnie wygląda na różnych przeglądarkach i systemach.

Da się z tym zrobić coś więcej? Jakieś sposoby na ujednolicenie itd?


  • 0

Zimistrz

    Stary wyjadacz

  • 465 postów
    • Czas spędzony online: 14d 2h 42m 38s
116
Znakomita!

Napisano 17 sierpnia 2015 - 13:40

#2

Główna bolączka to renderowanie czcionek przez silniki przeglądarek. Chrome miał z tym odwieczny problem, który obiecano rozwiązać w wersji bodaj 38. Jak wyszło widać gołym okiem. Ciągle miernie. Druga sprawa to podejście do renderowania fontów w samych OS. Jest o tym kilka dobrych artykułów i porównań w sieci. Skrótowo rzecz biorąc, rodzaj i użyta wielkość fonta do wyświetlenia na ekranie - w zależności od zastosowanej miary - ma znaczenie przy fontach systemowych.

 

Najlepiej moim zdaniem przestudiować statystyki używanych OS-ów w sieci, zerknąć jakie są najpopularniejsze, systemowe fonty i użyć ich jako fallback. Stosując sporo większe miary niż utarte 12px. Sam używam  jednostek ekranowych pt, podczas gdy fancy dizajnerzy jakoś namolnie pchają em.

 

Natomiast co do samego ujednolicenia to js-owy cufón wychodzi pod tym względem najlepiej. Jego wady to już zupelnie inna sprawa.

 

ps. a jeszcze inna to używanie font-face dla urządzeń mobilnych ;)


  • 0




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych