CSS сайта и размеры шрифтов - лучшие практики

Question

На моем веб-сайте CSS я использую EM, PX, PT и проценты для установки размеров шрифта.

Я также использую пользовательский интерфейс JQuery, который использует EM.

Теперь я подошел к тому моменту, когда мне нужно изменить размер шрифта до чуть меньшего размера.

В общем, что лучше, если немного уменьшить размер шрифта, и я должен изменить то, как я делаю размеры шрифта, в зависимости от того, каким образом?

Похоже, у каждого свое мнение на эту тему.

Answer 1

Согласно моему пониманию. Что вы должны сделать, это что-то вроде этого:

body{font-size:11px;} Это составит 1em = 11px

Теперь везде вы будете устанавливать размер шрифта в em, например:

a{font-size:1em;} и следуйте тем же путем ко всем элементам, как h1{font-size:2em;}

Теперь, если вам нужно увеличить уменьшенный размер шрифта, просто установите размер шрифта в теле как:

body{font-size:13px;} и т. Д.

Надеюсь, это поможет

Answer 2

В прежние времена люди рекомендовали использовать em для шрифтов, потому что старые версии IE не изменяли размер текста при увеличении масштаба.

В настоящее время все браузеры делают полный масштаб страницы вместо простого текста, такбесполезное беспокойство.Я бы порекомендовал использовать px, так как он дает хороший контроль.

Answer 3

лучшая практика для определения размера шрифтов - это em. потому что это не связано с разрешением клиента пользователей. но я использую пиксели в своих собственных приложениях. потому что я хочу сделать меньшие шрифты в более высоком разрешении. но процент не рекомендуется для размера шрифта вообще.

также вы можете увидеть эту тему для сравнения

также это поможет: http://kb.mozillazine.org/Em_vs._ex