Jak ustawić renderowanie czcionek w ten sam sposób w różnych przeglądarkach internetowych?

Tworzę stronę internetową dla klienta i mieliśmy nadzieję na użycie zwykłego tekstu, a nie obrazów na pasku nawigacyjnym. Czcionka, której używamy, to Century Gothic (uważam, że ta czcionka jest dostępna na większości komputerów PC i Mac). Problem polega na tym, że w różnych przeglądarkach czcionki znacznie się różnią. W Chrome wyglądamy tak, jak chcemy, ale w Firefoxie tekst jest mniejszy i wyraźniejszy.

Oprócz pisania javascript dla przeglądarki w celu zmiany właściwości czcionek, istnieją inne opcje ujednolicenia sposobu renderowania czcionek w różnych przeglądarkach. Być może jakieś biblioteki lub API? Może chodzi o bardziej szczegółowe określenie właściwości czcionek? Szczerze mówiąc utknąłem i potrzebuję pomocy.

Nie dostaniesz czcionek i innych rzeczy, które będą renderowane identycznie w różnych przeglądarkach. Obsługa czcionek jest doskonałym przykładem. Wiem, że Safari w systemie Windows z jakiegoś powodu lubi pogrubić tekst. Niestety tak działa sieć. Różnorodność przeglądarek, systemów operacyjnych, monitorów, procesorów graficznych itp. Oznacza, że ​​istnieje potencjalnie tysiące lub dziesiątki tysięcy różnych sposobów przeglądania strony internetowej. Więc budując dla wbe, musisz to zrobić, wiedząc i oczekując, że twoja strona nie będzie idealna dla wszystkich. To nie jest druk. To dzika dzika sieć.

W rzeczywistości istnieje metoda osadzania czcionek w CSS. To bardzo proste. Więcej informacji na ten temat można znaleźć na stronie http://randsco.com/index.php/2009/07/04/p680 . Wadą tego jest to, że starsze przeglądarki (pre ei 7 i ff 3 myślę ...) nie obsługują tego. Ale liczba osób korzystających z tych starych przeglądarek szybko maleje i nadal można określić alternatywne czcionki, które będą działać i zwykle są dostępne na większości komputerów na wszelki wypadek.

Inne podejście, którego nie użyłem, polega na użyciu flasha. Nie mam na ten temat wiele innych informacji, niż wiem.

Jak zauważyli już inni, nie mamy pełnej kontroli. Ale myślę, że warto wspomnieć o kilku rzeczach, które uważam za pomocne w zachęcaniu przeglądarek do renderowania ogólnie podobnych rzeczy. Oba są rzeczami „z powrotem do podstaw”, które wielu z was już robi, ale pomyślałem, że warto o nich wspomnieć, ponieważ fundament, na którym budujesz, często stawia cię na sukces lub porażkę ...

Reset CSS. Koncepcja jest prosta: ustawiasz domyślne znaczniki HTML w arkuszu stylów, aby ustawić wspólny punkt początkowy renderowania HTML. Oto artykuł i przykład: http://meyerweb.com/eric/tools/css/reset/

Deklaracja Doctype. http://htmlhelp.com/tools/validator/doctype.html