From the course: WordPress: Mastering Full Site Editing

Unlock the full course today

Join today to access over 24,700 courses taught by industry experts.

Setting your site's typography

Setting your site's typography - WordPress Tutorial

From the course: WordPress: Mastering Full Site Editing

Start my 1-month free trial Buy for my team

Setting your site's typography

“

- [Instructor] Sometimes our Figma file will give us detailed information on each specific typography, and sometimes we'll have just the bare minimum. That's okay. Usually if details are left out, we reach out to the client or designer. Another thing to note, the editor uses names for font weights, such as thin, semi-bold, and bold. These translate to the font weights of 300, 600, and 700 respectively. So when the Figma file gives you a number weight, you must translate that into the editor's appearance name. For those of you who know CSS, this may be a piece of cake, but for everyone else, you'll need a reference guide. For a list of translations, pull up the Font Weight Translations doc file in your chapter three course exercise files. Now let's go back to the style toolbar and set the correct font styles for your website. According to the Figma file, text will have a Source Sans 3 font, a font size of 14 pixels, and an appearance of light. Links will have a Source Sans 3 font, a…

Contents