![]() To change the default font to our new font, we’ll have to update each place where the code uses the default font. Now that our HTML document has the Noto Serif font included, we can start styling our text with it. ![]() Start changing the code to change the font This tells the HTML document to include the Noto Serif font from Google Fonts into the document to be available for use in the code. Your Notepad++ view should look like this: Now go back to the embed tab and copy the link.Īdd that link in your index.html file in the element. Make sure the “bold 700” is selected, we’ll be needing this. Click the “customize” tab in the new pop up section that appeared after you pressed “select this font.” To add this font to your project, click the “select font” button and add the “link” tag to your HTML code.īefore you copy the link tag, you need to change one thing. For this tutorial, we’re going to use Noto Serif. Go to the Google Fonts website and select the font you want to use. Get the font and add it to your HTML file Here you can see the contents of the HTML file and make changes. If you’re struggling to open the file in a text editor, you can check out this link for additional help. ![]() Right-click the index.html file and open it with Notepad++. We have our template files and now we want to edit them and update the font. If you open the index.html file it should look like this in your browser: Unzip those files into a folder you want to work in, and it should look like this:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |