html - The font is ligher on desktop but not on mobile -
i have class on of texts .description {font-weight: lighter;font-size: 22px; }
but font-weight
attribute works on desktop not on mobile, why that?
when scale chrome on desktop mobile size works fine, , text light should be, on mobile not.
it's working. problem when resize mobile may seem have bigger font. may want use responsive design when screen size lower font weight gets lower.
.description { font-weight: 500;font-size: 22px; } @media screen , (max-width: 500px) { body { font-weight: 300;font-size: 22px; } }
or that. can set font size lower , may appear font weigth lower too.
Comments
Post a Comment