I like to use a typography.css in my projects; a separate file which houses all the basic structural typographic styles I’ll need. A lot of what’s found within it is obvious stuff (heading sizes, for example) but it also contains less obvious things which I don’t want to forget. Let’s work our way through the checklist.. A Separate CSS File Splitting up your CSS files is a sensible workflow when building a website. If you use a preprocessor (like Sass) then splitting files into “partials” comes very naturally. If you prefer to write old-school vanilla CSS, then there are still tools to help you compile them into a final build. Breaking your CSS into partials means you can easily reuse chunks of styling for new projects and it makes maintenance a breeze. We’re going to build a typography.css so that, even if we use an aggressive CSS reset, our typography will always begin solidly.
↧