How do I change the font for my website?

Post a link to the site in question and someone is likely to help.

This is how you can change your font style:

Find in your css file font style and change it something like this:


font-family: Century;
color: black;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
font-size: 16px;
line-height: 18px;

You can either change it with CSS by using the the font-family but the font needs to be web safe (fonts like Arial, serif, Tahoma, Verdana and other) or you can use google fonts because they explain you how to add the new font.

Yes, Google fonts will give you many great fonts to choose from. More than the standard "Web Safe" font families (those limit you to just the few fonts built into every popular web browser).

It's easy to use Google fonts with a WordPress plugin for that purpose.

By the way, I prefer the Verdana font family, which was designed for reading from a computer display. I despise the Times Roman fonts, which were designed in the 1700's or 1800's so as to be easy to pour molten lead into the type molds and remove the cold lead again - easy reading was never the point with the Times fonts.

I guess the question is ambiguous based on the answers so far, are you looking for typestyle change or size change?

You need to learn CSS and WordPress to do it or come here with a question for every little tweak.

Yeah I really do need to learn CSS I think. I ended up finding a plugin to do what I wanted anyway though.

CSS is not that hard to learn CSS Tutorial

Anne L

do try metamorphmedia. they will handle all your problems. I am taking from personal experience.

email list would be considerable and the best way!!!

Hi,
Glad you found the solution via a plugin,
However you could have used the custom css feature to change the same and I will highly recommend you to learn the same to help you in future as you may not find solution for each and every customization though a plugin.

How can you find that what css code to be written in the custom css box.
Well the answer is as follows:

1) In all modern web browsers, there is a feature called "Inspect Elements", which can be seen by right click of the mouse on a page where you are trying to change.
2) Locate the area where you need change by pointing through your cursor
3) Right click>> Inspect element
4) Locate the exact line where the properties and values have been defined
5) you can temporarily changed the font by writing values there in the inspect element css feature box only.
6) If you are satisfied with the change, copy the css from that feature box
7) Paste the same in your custom css box
8) That's it...Congratulations....Now the change you wanted is permanently done, without the risk of going inside of the theme or plugin codes.

If you ever, don't need those changes, just delete those lines which you just added there and your site become as usual as it was before the editing.

I hope, this will help you in the longer term. If any issue still there, feel free to ask me in future as well.

Vikash