Fonts for Posts / Make your Own Fonts




Google Fonts in WordPress Posts

I have always wanted to install several google fonts on my pages, it takes css code, and a few google font installs which can be found here:

http://fonts.google.com

I have done this on previous sites, but wanted it for my posts, so I installed some plugins to help me with this called

Font Organizer

Fonts bring a lot of life into your posts, the brain loves them because it has something new to look at.

Work with further fonts

I will be adding fonts to my main page and trying to make the posts look a little more structured with nice visuals such as custom fonts and other nice things.  Hope to soon get this done after all my other projects are done

Cons of Font Organizer

Though it is not a big deal, you need to add each and every font you want to the list so that it doesn’t get too crowded and your website can load them well.  It isn’t too bad to switch from the google site, to your own picking fonts you want, but I have seen ones that just load them with the font name.

How to Make your Own Fonts

Example of css:

@font-face { font-family: ‘MyWebFont’; src: url(‘webfont.eot’); /* IE9 Compat Modes */ src: url(‘webfont.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */ url(‘webfont.woff2’) format(‘woff2’), /* Super Modern Browsers */ url(‘webfont.woff’) format(‘woff’), /* Pretty Modern Browsers */ url(‘webfont.ttf’) format(‘truetype’), /* Safari, Android, iOS */ url(‘webfont.svg#svgFontName’) format(‘svg’); /* Legacy iOS */ }

Then you would use the font-family tag in your next css style

p {font-family:MyWebFont;}

Take care out there and let me know if you need any website help let me know, our base fees start at $30 a hour and if you need help with setting up sites let me know.

%d bloggers like this: