Jump to content

Photo
- - - - -

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


1 reply to this topic
  • Please log in to reply
zonic

    WT Elite

  • 2911 posts
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Posted 14 August 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 posts
    • Czas spędzony online: 14d 2h 42m 38s
116
Znakomita!

Posted 17 August 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




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users