Our typography system uses 16px base for 1 Rem. Is there a good way to spec out what size text should be in rem units vs. px in Inspect view?
At our team we do this by creating a really good, clean spec sheets and handling our class names really well. So what we essentially do is:
- We create a list spec with our font comparing pixel size with REM size fo basic CSS implementation;
- We make sure all our styles are named after the CSS Clasess the Dev team will use;
- We also created a proper component system that allows for some text tags (like a h1, h3, p) to be kept while the style is overwritten by the actually font style we define for that block.
Here’s an example of one of our spec sheets:
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.