E
E
Evgeny Litvinov2021-01-07 19:02:03
css
Evgeny Litvinov, 2021-01-07 19:02:03

Is a particular text style different from what's in the layout?

I use Avocode, it writes that the text (Arial MT family) has font-style: italic;
But when using this style (and oblique gives the same result), the original version is significantly different. Layout: 5ff72ff5dd39f851348167.png
Result:5ff7302a751c7048985549.png

.ll1 li:nth-child(3){
  /* Style for "Tell us ab" */
width: 354px;
height: 19px;
color: #273d46;
font-family: "Arial MT";
font-size: 20px;
font-weight: 540;
font-style: oblique;
letter-spacing: normal;
line-height: 36px;
text-align: left;
/* Text style for "Tell us ab" */
font-style: oblique;
letter-spacing: normal;
line-height: normal;
margin: 0 0 17px 0;
}

Answer the question

In order to leave comments, you need to log in

3 answer(s)
D
Dmitry Gogolenko, 2021-01-07
@noahtl

font-family: Arial;
font-style: italic;

M
Maxim Ivanov, 2021-01-07
@mikilikala

Most likely, when connecting the style, you specified its other name (not Arial MT), which you will write in font-family

S
sashabeep, 2021-01-09
@sashabeep

Well, first of all, this behavior primarily means that the global font is incorrectly spelled out, without alternatives and indicating a common family, especially since I personally saw such a name for the first time in 20 years - Arial MT . The chance that users have it installed tends to minus infinity. I hope it didn't come as a surprise to you that the fonts for displaying the site, specified without @font-face, are loaded from the user's machine...
https://developer.mozilla.org/ru/docs/Web/CSS/font... – in all examples, the last in the list is the global font family for selecting the appropriate style on the client's machine. You don't have it in your code.
In your case, I would use a set

font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question