Jak ustawić "pogrubioną czcionkę" za pomocą CSS? Ciężar czcionki wynoszący 600 nie sprawia, że ​​wygląda on na pogrubioną czcionkę widoczną w pliku Photoshopa

Question

Robię konwersję Photoshop-to-XHTML, a projektant strony użył czcionki Myriad Pro Semi-bold, która wygląda dobrze w pliku photoshop, ale kiedy wypróbuję opcję pogrubioną w CSS, wygląda to jak normalna pogrubiona czcionka, która jest zbyt śmiała dla mojego celu. Czy istnieje sposób na uzyskanie ładniej wyglądającej, pogrubionej czcionki HTML i CSS, czy po prostu utknąłem z "font-weight: 600;"?

Answer 1

Praktycznym sposobem jest ustawienie font-family do wartości, która jest specyficzna nazwa wersji SemiBold, takich jak

font-family: "Myriad pro Semibold" 

jeśli to nazwisko. (Osobiście używam moje własne font listing tool, który działa na Internet   Explorer tylko zobaczyć czcionki w moim systemie przez nazwy jako użytecznych w CSS).

W tym podejściu font-weight nie jest potrzebne (i pewnie lepiej nie ustawione).

Przeglądarki internetowe były słabe przy wprowadzaniu ciężarów czcionki do książki: w większości nie można znaleźć konkretnej wersji wagi, z wyjątkiem pogrubienia. Obejście polega na umieszczeniu informacji w nazwie rodziny czcionek, nawet jeśli nie jest tak, jak powinno działać.

Testowanie za pomocą interfejsu Segoe, który często występuje w wersjach o różnej grubości czcionki w systemach Windows, udało mi się dokonać wyboru przeglądarki Internetowej   Explorer 9 przy użyciu podejścia logicznego (korzystania z nazwy rodziny czcionek Segoe UI i różnych font-weight wartości), ale nie powiodło się w Firefox 9 i Chrome 16 (tylko normalna i pogrubiona praca). Na przykład we wszystkich tych przeglądarkach ustawienie font-family: Segoe UI Light działa poprawnie.

Answer 2

Dla mnie następujące działa dobrze. Po prostu dodaj. Możesz go edytować zgodnie z wymaganiami. To po prostu fajna sztuczka, której używam.

text-shadow : 0 0 0 #your-font-color; 

Answer 3

W CSS dla właściwości font-weight, wartość: normal domyślnie wartość numeryczną 400 i bold do 700.

Jeśli chcesz określić inne ciężary, trzeba podać wartość liczbową . Ta wartość liczbowa musi być obsługiwana dla rodziny czcionek, z której korzystasz:.

Na przykład będzie można zdefiniować semi-bold tak:

font-weight: 600; 

tutaj jakiś JSFiddle użyciu rodzinę czcionek 'open', sans załadowany z powyższych ciężarami.

Answer 4

rodzina czcionek: "Open Sans"; grubość czcionki: 600; ważne jest, aby zmienić na inny font-family

Answer 5

Do połowy 2016 roku silnik Chrom (V53) obsługuje tylko 3 style wyróżnień:

zwykły tekst, pogrubione i super pogrubione ...

<div style="font:normal 400 14px Arial;">Testing</div> 

<div style="font:normal 700 14px Arial;">Testing</div> 

<div style="font:normal 800 14px Arial;">Testing</div>