NOTE: This is for themes where you cannot edit the fonts in the Appearance section. You will have to go into the Custom CSS in order to change them.
Step 1Edit HTML.

Go to Customize Theme and cluck on
Step 2

Click anywhere within the coding quad, and use CTRL + F ( Windows ) or Cmd + F ( Mac ) to find .entry ( with the fully stop at the beginning included ) .
Step 3font-family line, and you can change the font name here.

This Copy to Clipboard directly below it. Return to your customizer, and replace the existing font-family line by deleting it, and then pasting in the one from the website.
Find theline, and you can change the baptismal font appoint here.This web site has a complete collection of fonts you can use. Choose the font you want, and click ondirectly below it. Return to your customizer, andby deleting it, and then pasting in the one from the web site .
Step 4 You can change the size of the font by finding the font-size cable and changing the px value. There are other font properties such as text-transform, letter-spacing and text-align, so you can experiment with them .
If you wish to change the fonts of titles and descriptions etc., you will need to find the represent div id (labeled with a # at the beginning). I have labeled each of the subject elements consequently, so it should not be besides unmanageable to guess which one you should edit .
Step 6 Click on Update Preview to view the changes. Save your changes at the top and then Exit .

how to install google web fonts
Step 1

Choose which font you would like to use. To the right of that font, there are three icons. Click on the middle icon (shown below).

Go to Google Web Fonts Choose which font you would like to use. To the right of that font, there are three icons. Click on the middle icon ( shown below ) .
Step 2copy it. Keep this window/tab open.

Scroll down to find this line of code ( shown below ) andit .
Step 3Edit HTML.

Go to Customize Theme and suction stop on
Step 4AFTER the

section of coding. It will be at the very top of the Custom CSS and is the first thing you will see. The screenshot below shows where you can paste your font code.

spread the codesection of coding. It will be at the identical top of the Custom CSS and is the first thing you will see. The screenshot downstairs shows where you can paste your font code .
Step 5font-family line of code (shown below).

return to the Google Web Font page you were on previously. Scroll far down and copy theline of code ( shown below ) .
Step 6

.entry (with the full stop at the beginning included).

Find the existing font-family line in the .entry part and replace it with the one you’ve just copied.
render to the customizer. Use CTRL + F ( Windows ) or Cmd + F ( Mac ) to find ( with the wide stop at the begin included ) .Find the existing font-family line in the .entry partially andwith the one you ‘ve just copied .
Step 7 Save at the acme and then Exit. Google Web Fonts will not show on Tumblr ‘s preview but the changes will be saved when you view your web log .

Leave a Reply

Your email address will not be published.