Changing text size on different resolutions

Does anyone have any advice as to how I can set the text parameters so that the font size changes depending on the window size?

Hi @Hydarm,
I usually use VW measurements for make font depend on browser width.

Cheers,
Anna

1 Like

Hi @Hydarm,

These are the different types of css units that are Relative length (Relative length units specify a length relative to another length property. Relative length units scales better between different rendering mediums.)

  1. Em - Relative to the font-size of the element (2em means 2 times the size of the current font)
  1. Ex - Relative to the x-height of the current font (rarely used)
  1. Ch - Relative to width of the “0” (zero)
  1. Rem - Relative to font-size of the root element
  1. Vw - Relative to 1% of the width of the viewport
  1. Vh - Relative to 1% of the height of the viewport
  1. Vmin - Relative to 1% of viewport’s smaller dimension*
  1. Vmax - Relative to 1% of viewport’s larger dimension*

Source: http://www.w3schools.com/

Hopefully this helps personally i use % and Em units for my text sizes

Best,
Ahmad

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.