Make Use of Open Source Fonts!

Posted on December 21, 2012 by concentreblog

Open source fonts are certainly not new, but as support for open source fonts continues to grow, the days of being limited to using only Arial and Verdana on the Internet are finally disappearing! The same goes for Times New Roman, Courier New, Trebuchet, and Tahoma. There are now hundreds of free fonts available, from various sources, for use on your website with new ones being continuously added to the mix.

Why Use Open Source Fonts?

One, for SEO; you can now use search-engine-friendly fonts instead of creating images of those typefaces. Two, for speed; using searchable fonts is not only better for SEO, but downloading fonts is quicker than downloading images. And finally, for the obvious reason, for visual interest; who isn’t ready for better looking websites?

How is it Done?

With the use of open source fonts such as Google Web Fonts, you can now add beautiful web fonts to any website by simply using a specific stylesheet link in your HTML document, then referring to that font in a CSS style. Below is an example of how to use the Tangerine web font.

An Example of an Open Source Font!

Coding Example:

To use the web font, first add a stylesheet link:
<link rel=”stylesheet” type=”text/css” href=” http://fonts.googleapis.com/css?family=Tangerine“>

Then either use a css class:
.yourclassname {“font-family: ‘Tangerine‘, serif;”}

Or an inline style to call your font:
<div style=”font-family: ‘Tangerine‘;”>An Example of an Open Source Font!</div>

Does it Work in All Browsers?

Not all browsers support open source fonts yet, but their support is growing. Only older browsers, such as Internet Explorer 5, as an example, will not work.

Therefore, until there is full support in all browsers, it may still be a good idea to use “graceful degradation.” This means, that if a browser cannot display your desired font, then it will present the font you declare to use as a backup. And if consistency is important, then by picking fonts that are similar in looks, visual size, or spacing, your website will “degrade gracefully.” In other words, viewers in unsupported browsers will never know what they are missing, but your website will still display correctly in its formatting of the layout even though it may not be your preferred look.

Where Do I Get Open Source Fonts?

Here are some of the leading developers in open source fonts and links on where to get them:
Google Web Fonts:    http://www.google.com/webfonts
The League:    http://www.theleagueofmoveabletype.com/
Open Font Library:    http://openfontlibrary.org/
Free Font Manifesto:    http://www.designwritingresearch.org/free_fonts.html
Vitaly Friedman’s Font List:   http://www.alvit.de/blog/article/20-best-license-free-official-fonts

Endless Possibilities, but Please, Be Mindful!

Just because you can doesn’t mean you should, is the answer to “can I use as many fonts as I want?” Please, still use good design techniques and do not overload the viewer’s visual experience with too many fonts! Too busy is still too busy!

The good news is that with each typeface having a personality of its own, this resource adds yet another avenue to complement and enhance your website. And with so many fonts now available, endless possibilities continue to grow in creating a unique and enriching visual experience for the Internet.

THE COMMA – Such a Little Mark, So Much Confusion

Posted on December 21, 2012 by concentreblog

Did you know that no other form of punctuation is more important to understand than the comma?

Recently I saw this printed on a t-shirt, and it’s a great example of how a comma can change the meaning of a sentence (and maybe give you a chuckle besides).

The comma tells the reader to pause. In this case, grandma is being directly addressed in the sentence. Commas separate a noun of direct address from the rest of the sentence.

The comma has two primary functions: it sets off nonessential expressions that interrupt the flow of thought from subject to verb, and it separates elements within a sentence to clarify their relationship to one another.

Although there are many grammar rules for commas, here are four general ways to use commas:

1) Between Items in a Series – When listing three or more items in a sentence, place a comma between each item of the list. You have the option to choose whether to include the final comma. If your list is complex, omitting the comma may confuse the reader about where the second-to-last item leaves off and the last begins. In that case, include the comma in order to avoid confusion.

2) Between Two Sentences – When you put two sentences together with a conjunction (such as and, but, or, or nor), you must also include a comma. It must be a complete sentence on both sides of the conjunction.

Example: I heard that the price of gasoline would increase, but I did not realize that the price would skyrocket.

Note: Do not add a comma if you are putting two phrases together separated by a conjunction.

Example: I heard that the price of gasoline would increase but didn’t realize it would skyrocket.

3) To Attach Words to the Front or Back of Your Sentence – Most of the sentences that we compose consist of a short core sentence with details added to the core sentence. When you add information to the front or back of your sentence, you will want to alert the reader by adding a comma in order to help your reader understand your message.

Example: Certainly, John will be at the meeting.

Example: Although he missed the last meeting, John’s attendance record has been perfect.

4) To Set Off Interruptions or a Nonessential Component – Commas are used to set off a word, phrase, or clause that interrupts the main thought of a sentence. In order to tell whether you need commas, you must decide whether the added words are essential to the meaning of the sentence or whether they simply provide extra detail to the sentence.

In order to tell a reader that a group of words is a nonessential component, you place commas in front and in back of the group of words. Test by deciding if omitting the group of words changes the meaning of the sentence.

Example: Mr. Smith, who is the company president, will attend the meeting.

In this example, the information about Smith being the company president has no bearing on the main idea of the sentence: that he will be at the meeting. Since that information is extra, let the reader know by placing commas on either side of that phrase.

An essential clause is a dependent clause that cannot be omitted without changing the meaning of the main clause. Essential clauses are not set off by commas.

Example: Applicants who speak Spanish will be considered for the job.

This sentence contains information that is essential to the meaning of the sentence: “who speak Spanish.” If commas were placed around those words, the main idea is simply “applicants will be considered for the job.”

Although there are more rules about commas, I hope these few basics will help add some clarity for your writing purposes.