Is it possible to use a different font family for headings than the one used in the body text while still maintaining a consistent look across all heading levels?
One way to achieve this is by specifying the font family for each heading level individually:
h1 { font-family:'Noto Sans', sans-serif; }
h2 { font-family:'Noto Sans', sans-serif; }
h3 { font-family:'Noto Sans', sans-serif; }
h4 { font-family:'Noto Sans', sans-serif; }
h5 { font-family:'Noto Sans', sans-serif; }
h6 { font-family:'Noto Sans', sans-serif; }
However, I am curious about the hierarchical relationship between heading tags and if there is a way to streamline the process without duplicating styles.
h1 { font-family:'Noto Sans', sans-serif; }
h2 { font-family:inherit; }
h3 { font-family:inherit; }
h4 { font-family:inherit; }
h5 { font-family:inherit; }
h6 { font-family:inherit; }