Използвам два различни шрифта в моя уебсайт - "sans-serif" и "tradeGothicLTStd". Ето как тези шрифтове се изобразяват в браузъра.
Можете да забележите, че на първата екранна снимка има малко допълнително пространство над шрифта (Ако виждате текст с главни букви. Моля, отворете го в нов раздел с черен фон, за да видите правилно разликата) и докато използвате друг шрифт, няма допълнително пространство над шрифта (текст с главни букви).
Ето как се изобразяват, когато се използват в бутон.
Поради тези несъответствия шрифтовете излизат от позицията си вертикално. т.е. ако проектирам своя css с предвид първия шрифт, всички шрифтове с главни букви са центрирани вертикално (вътре в бутон или маркер за котва и т.н.), но когато сменя шрифта на втория шрифт, целият текст някак се движи малко нагоре, тъй като няма допълнително пространство над шрифта в този случай. Поради това моят шрифт не е идеално вертикално подравнен в центъра.
Има ли някакъв начин да се поправи това или може ли някой дори да ми каже защо се случва това?