Use Any Web Font Within WordPress Posts With Inline CSS

Use Any Web Font Within WordPress Posts With Inline CSS by using the resources from Google Fonts. Its easy to use any special fonts like handwritten texts. Just like we have shown how to use Drop Caps like large capital letter like magazine with CSS without actually touching the stle.css file of your theme.

Use Any Web Font Within WordPress Posts With Inline CSS : Must to Know

We are using inline CSS. Inline CSS is not very good thing for page loading. But it is useful in special cases like, this is actually not a website on designing or webdesigning but a website on core technical things like Cloud Computing. For coding purposes, those handwritten like texts looks odd. But we might need to add only one webpage / post in WordPress with a special font like handwritten text.

Adding a div style in style.css file in WordPress outweighs the loss – there is no need to carry extra few lines for only one page. This makes the use any Web Font Within WordPress Posts With Inline CSS guide reasonable.

To avoid this way to use Any Web Font Within WordPress Posts With Inline CSS is only one – using graphical images – not real texts. But Google will not give any value as it can not read the text. Users will unable to copy the text if needed like the above chunk of text like graphics showing various fonts. This is the purpose of this guide on how to use Any Web Font Within WordPress Posts With Inline CSS.

How to Use Any Web Font Within WordPress Posts With Inline CSS

You are probably aware that Google Fonts has big collection of free fonts. The process to load such fonts are known as WebFont loading. There are several ways to load external fonts, like using JavaScript, Ajax, traditional CSS. See this :

 
 
I have used this piece of code in HTML mode in WordPress editing panel :

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<span style="font-family: 'Tangerine', serif;font-size: 48px;">
Use Any Web Font Within WordPress Posts
</span></link>

 
WordPress, by default will not ‘tolerate’ to use Any Web Font Within WordPress Posts With Inline CSS if you leave HTML mode once ! You have to save and publish in HTML mode.
 

Incoming search terms:

0saves

Save

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Visitors Read This Post Also Read:

1. Table of Contents for WordPress Posts : Plugins and Manual Methods Table of Contents Manual method Using Plugins Conclusion   Table of Contents for WordPress...
2. Syntax Highlighting in WordPress Without Plugin Syntax Highlighting in WordPress Without Plugin is a method which will show you how easy...
3. Instant indexing of your Blog posts : Our 6 step recipe Instant indexing of blog posts is much desired by any webmaster or blogger. Here is...
4. WordPress Tutorial Series : Basics about HTML and CSS …...
5. WordPress Tutorial Series : Stepping in to First Setup …...
6. Clean Installation of WordPress on a Live Domain without Maintenance Mode Clean Installation of WordPress on a Live Domain without Maintenance Mode means you can browse...
7. WordPress Feed and FeedBurner Feed : What is appropriate for you WordPress Feed and FeedBurner Feed has obvious similarity and some points to distinguish them. It...
8. Google Plus RSS Feed for creating WordPress or Blogger Widget Google Plus RSS Feed generator is here with detailed instruction on how to use...
9. Highlight, add pressed effects to certain words in your WordPress blog Just after publication of the previous post; one of our Tweeter follower asked, how we...
10. Link Post Thumbnails to the Post Permalink in WordPress In WordPress, you can add Post Thumbnails in very easy way. Some WordPress Theme has...
11. Ways to get better position in Google search result There is no way to get the top positions in Google in very easy way....
12. Importance of W3C validation and SEO of your website Though this article on importance of W3C validation is written here for WordPress users, the...
13. Scrollable Image Plugin for WordPress : Dev Build Scrollable Image Plugin for WordPress is on developmental stage and developed by TheCustomizeWindows. Have a...
14. Creating a WordPress Generated Website on Rackspace Cloud Files Creating a WordPress Generated Website on Rackspace Cloud Files is tricky as WordPress PHP will...
15. Tips for starting self hosted WordPress blog Those who are thinking to start own self hosted blog, this article might telp to...