WordPress and other CMS Users:

If you’re lucky your theme comes with some way to customize the heading tags for your site.

If not, usually you can download a plugin or module to aid like Easy Google Fonts for WordPress on the left.

The final way is to code the CSS.

CSS is the design language of HTML.  It stands for Cascading Style Sheets.

CSS is incredibly easy to learn and edit.  The old school way would have been to use font tags in html but that went out when CSS came in.  Press F12 in your browser and if a developer window comes up, you already have the golden tool of HTML/CSS web development, web developer tools.  If not, download it for your browser as it will allow you to see and explore under the hood of most websites and all of the code that makes them tick. Look how easy this is:

<h2 style="font-size:20px; color:black">My Large Subhead</h2>

That’s sort of the short hand way of writing css called inline.   Most themes will put the css code into a style sheet, sometimes “style.css” or whatever.css.  They then call this .css file in the head section of the html in the template.  Again, you can explore and understand this by using the F12 developer tools for your browser.  In particular, use the inspector and you can see it will tell you all of the selector information on the entire page.

The inspector tool also allows you to pinpoint a single element on a page, for example a heading that you want to know, “which heading tag is it using?”

The built in ability to see, edit, and delete css in real time is a great bonus to all web developers or SEO professionals because it will start illustrating some of the issues on the page.