Exoticsilicon.com – Replying to comments about our web page design

Re:Exoticsilicon.com – Replying to comments about our web pa... by eajakobsen on Friday April 14, 2023 @06:29AM (#35567779)

If you want it to be even more readable you could do the following:

    font-size: clamp(1em, 1.3vw, 1.3em);

I would also consider using `rem` instead of `em` incase you want to use it anywhere other than the root element.

[ Parent | on HN ]

Re:Exoticsilicon.com – Replying to comments about our web pa... by nhanb on Friday April 14, 2023 @06:39AM (#35567853)

I would only use this kind of thing on the root element, then size all other elements relative to the root element e.g. `h1 { font-size: 1.5rem; }`. It's more manageable that way IMHO.

Thanks for the tip on `clamp()` by the way, TIL.

[ Parent | on HN ]

Re:Exoticsilicon.com – Replying to comments about our web pa... by hgsgm on Friday April 14, 2023 @07:09AM (#35568075)

That's less reasable bwcause the order of arguments is mysterious.

[ Parent | on HN ]

Re:Exoticsilicon.com – Replying to comments about our web pa... by itsuka on Friday April 14, 2023 @07:34AM (#35568273)

It's probably okay for this specific example, but in general, I'd avoid using vw only unit because the value may not change with zoom.

I learned this from https://adrianroselli.com/2019/12/responsive-type-and-zoom.h...

[ Parent | on HN ]

Re:Exoticsilicon.com – Replying to comments about our web pa... by Poppys on Friday April 14, 2023 @10:38AM (#35570036)

https://utopia.fyi/blog/designing-with-fluid-type-scales

This is a good write up of using clamp and fluid type

[ Parent | on HN ]