When downloading an X font, for example, with Google Fonts with a X font, X-bold and X-italic are usually in the archive. Why do we need these fonts, if the use in the code <b></b> , <i></i> or <strong></strong> , <em></em> perfectly performs its task?

Or is it still necessary to manually rewrite element styles like this?

 b { font-family: "X-bold"; font-style: bold; }
  • one
    And you try not to connect bold and see how to cope <b> - toxxxa

1 answer 1

Specially trained people work on the creation of most of the fonts, this is a very laborious and painstaking work. Each monogram on the letter is not accidental, but thought out.
Therefore, each typeface (italic, bold, bold ...) is also carefully planned by the designer.

Browsers can independently imitate various styles, but they (perhaps insignificantly for some fonts, but sometimes dramatically) will differ from those planned by the developer. Especially well seen on large characters. For when developing a font, letters are worked out individually by the designer, and the browser changes the style with a common universal algorithm.

  • one
    In addition, with examples: css-live.ru/articles/skazhem-net-lozhnomu-zhirnomu.html - Ivan Pshenitsyn
  • In the end, you need to stylize the tags b , i and the like manually? - smellyshovel
  • @smellyshovel in the case of the presence of the necessary outlines, you can write, for example, like this: p {font-famliy: Roboto; font-weight: normal; font-style: normal} p {font-famliy: Roboto; font-weight: normal; font-style: normal} p {font-famliy: Roboto; font-weight: normal; font-style: normal} strong {font-family: Roboto Bold; font-weight: bold; font-style: normal} strong {font-family: Roboto Bold; font-weight: bold; font-style: normal} strong {font-family: Roboto Bold; font-weight: bold; font-style: normal} em {font-family: Roboto Bold; font-weight: normal; font-style: italic} em {font-family: Roboto Bold; font-weight: normal; font-style: italic} em {font-family: Roboto Bold; font-weight: normal; font-style: italic} - lexxl