Home arrow HTML arrow Using the Google Font API`s Bold Argument
HTML

Using the Google Font API`s Bold Argument


In this fifth part of the series, we examine the “bold” argument provided by Google’s Font API. It's used for requesting and downloading the bold style of a specified font family. As with the “italic” option discussed in earlier parts, you should use “bold” on web pages with due caution and responsibility (or in other words, don’t commit the cardinal sin of displaying all your HTML elements in bold!).

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 4
June 23, 2010
TABLE OF CONTENTS:
  1. · Using the Google Font API`s Bold Argument
  2. · Review: using the i shorthand for italics
  3. · Introducing the bold option
  4. · Including the CSS styles in a web page

print this article
SEARCH DEVARTICLES

Using the Google Font API`s Bold Argument
(Page 1 of 4 )

In addition to being the most powerful contender in the search engine field, in the last few years Google has gained considerable popularity in other areas through the implementation of a number of additional web services conceived to make the life of web developers and designers a little bit easier.

A good example of the influence of the company in several disparate terrains is the recent introduction of its Font API. This service allows developers to embed for free a respectable number of commercial fonts into web pages by means of a simple and intuitive syntax, nearly identical to the one used for including external sheets in (X)HTML documents.

The model provided by the Font API is so flexible that it not only delivers multiple font families compressed from Google's hosts, but it allows developers to use this process in a truly selective way. One can download fonts only in their italicized and bold versions respectively, if desired, via a few simple arguments, which must be passed in the query string when invoking the API.

I left off the last article of this series discussing how to use the API's "i" option, which is nothing but a shortened syntax for its "italic" argument. As you'll possibly recall, this option should be utilized for downloading only the italic style of a specified font family. This process was covered in depth in previous tutorials.

As I said a moment ago, however, the Font API also gives web designers the ability to download the bold style of a given font family. How can this be done? Well, similar to its "italic" option, the API accepts an extra parameter, not surprisingly called "bold," which performs the aforementioned task painlessly. So, assuming that you're interesting in learning how to work with the "bold" option, in the lines to come I'm going to code for you some approachable examples. These will let you start using this argument when styling text-based elements of your own web pages.

Now, it's time to start discussing this additional feature provided by the Google Font API. Let's go!


blog comments powered by Disqus
HTML ARTICLES

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials