• Home
  • Archive
  • Tools
  • Contact Us

The Customize Windows

Technology Journal

  • Cloud Computing
  • Computer
  • Digital Photography
  • Windows 7
  • Archive
  • Cloud Computing
  • Virtualization
  • Computer and Internet
  • Digital Photography
  • Android
  • Sysadmin
  • Electronics
  • Big Data
  • Virtualization
  • Downloads
  • Web Development
  • Apple
  • Android
Advertisement
You are here: Home » Use Any Web Font Within WordPress Posts With Inline CSS

By Abhishek Ghosh September 1, 2012 1:12 pm Updated on November 25, 2016

Use Any Web Font Within WordPress Posts With Inline CSS

Advertisement

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.

Advertisement

---

 

Use Any Web Font Within WordPress Posts With Inline CSS

 

 

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 :


Use Any Web Font Within WordPress Posts

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

 

Vim
1
2
3
4
<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.
 
Signature

Tagged With image , css font styles examples , font styles , microsoft word word fonts

This Article Has Been Shared 673 Times!

Facebook Twitter Pinterest
Abhishek Ghosh

About Abhishek Ghosh

Abhishek Ghosh is a Businessman, Orthopaedic Surgeon, Author and Blogger. You can keep touch with him on Twitter - @AbhishekCTRL.

Here’s what we’ve got for you which might like :

Articles Related to Use Any Web Font Within WordPress Posts With Inline CSS

  • AdSense Channels : Maximize the Revenue by Section Targeting

    AdSense Channels is a great way to expose your content to the intended Advertisers. Without specific AdSense Channels, its more likely to get less revenue.

  • Adsense for WordPress : Plugins, HTML, PHP Hacks

    Adsense for WordPress is a kind of separate issue as users can not directly paste the AdSense code. Here are Plugins, HTML, PHP Hacks for optimizing AdSense.

  • 7 Tips For Writing Better Articles For Blog : Articles That Works

    7 Tips For Writing Better Articles For Blog brings motivations for blogging by article writing for creating really helpful website that will last for decades.

  • Making WordPress to Load Faster on Rackspace Cloud Sites

    Making WordPress to Load Faster on Rackspace Cloud Sites needs WP Super Cache,CDN Sync Tool, HyperDB, .htaccess tricks and tweaks to make buggy plugins working.

  • AdSense Asynchronous Ads with Responsive Design

    AdSense Asynchronous Ads with Responsive design is a quite difficult to manage or implement. Here are some ideas which might help you for HTML5 website.

Additionally, performing a search on this website can help you. Also, we have YouTube Videos.

Take The Conversation Further ...

We'd love to know your thoughts on this article.
Meet the Author over on Twitter to join the conversation right now!

If you want to Advertise on our Article or want a Sponsored Article, you are invited to Contact us.

Contact Us

Subscribe To Our Free Newsletter

You can subscribe to our Free Once a Day, Regular Newsletter by clicking the subscribe button below.

Click To Subscribe

Please Confirm the Subscription When Approval Email Will Arrive in Your Email Inbox as Second Step.

Search this website…

 

Popular Articles

Our Homepage is best place to find popular articles!

Here Are Some Good to Read Articles :

  • Cloud Computing Service Models
  • What is Cloud Computing?
  • Cloud Computing and Social Networks in Mobile Space
  • ARM Processor Architecture
  • What Camera Mode to Choose
  • Indispensable MySQL queries for custom fields in WordPress
  • Windows 7 Speech Recognition Scripting Related Tutorials

Social Networks

  • Pinterest (20K Followers)
  • Twitter (4.9k Followers)
  • Facebook (5.8k Followers)
  • LinkedIn (3.7k Followers)
  • YouTube (1.2k Followers)
  • GitHub (Repository)
  • GitHub (Gists)
Looking to publish sponsored article on our website?

Contact us

Recent Posts

  • How To Repack Installed Software on Debian/Ubuntu January 16, 2021
  • Components of Agile Software Development January 15, 2021
  • What is Conway’s Law? January 14, 2021
  • Effects of Digitization on Companies : Part XIII January 13, 2021
  • What is SoftAP Mode? January 12, 2021

 

About This Article

Cite this article as: Abhishek Ghosh, "Use Any Web Font Within WordPress Posts With Inline CSS," in The Customize Windows, September 1, 2012, January 17, 2021, https://thecustomizewindows.com/2012/09/use-any-web-font-within-wordpress-posts-with-inline-css/.

Source:The Customize Windows, JiMA.in

 

This website uses cookies. If you do not want to allow us to use cookies and/or non-personalized Ads, kindly clear browser cookies after closing this webpage.

Read Cookie Policy.

PC users can consult Corrine Chorney for Security.

Want to know more about us? Read Notability and Mentions & Our Setup.

Copyright © 2021 - The Customize Windows | dESIGNed by The Customize Windows

Copyright  · Privacy Policy  · Advertising Policy  · Terms of Service  · Refund Policy