Skip to main content

Web Safe Fonts

Background on Font?
In typography, a font (also fount) is traditionally defined as a complete character set of a single size and style of a particular typeface. There are basically two types of fonts there are serif and sans serif fonts. Serif fonts are fonts that have fine cross lines at the ends of the letters. Sans serif (French for without serifs) are fonts that don’t have anything at the end of the letters. The most common serif font is Times New Roman and just happens to be the default for most windows-based browsers. Mono-spaced fonts are fonts that have the same amount of space between them for all of the letters.

What are Web safe fonts?
Every personal computer has a default set of fonts installed by the operating system for its use. It’s possible to install additional fonts on your own. However, not all font sets are created equal. Different computers can have very different sets of fonts installed, and most casual computer users never know the difference.
When you are designing a Webpage, you need to keep in mind that if you use a font on your page that a visitor doesn’t have then that font will render differently (and often unattractively) on the visitor’s machine.
So, how do you make sure that your fonts will look good on the largest number of computers out there?  The answer is use Web safe fonts. Web safe fonts are a set of highly common fonts that come installed on just about every computer out there.

Why use web safe fonts?
Every Web designer should use Web safe fonts. If you use a font on your page that your visitor doesn’t have installed, their browser will pick a fallback font that you may not intend to appear on your page. Often, the result is ugly text that is not at all pleasing to read. Use of Web safe fonts make sure your fonts are always easily read by your users and enables readability of your site by the largest mass of internet users. A Website with no readers is a waste.

How to use Web safe fonts?
Include Web safe fonts in your CSS with font or font-family rules.  For example, a CSS rule for your font family may look like this :
font-family: Arial, Helvetica, sans-serif;

List of Web safe fonts


Post a Comment

Popular posts from this blog

JUnit – Run unit test in an Sequence / Order

In JUnit, we can use @FixMethodOrder( to run the test methods in a sequence or order.

import org.junit.FixMethodOrder;import org.junit.Test;import org.junit.runners.MethodSorters;importstatic;importstatic org.junit.Assert.assertThat;//Sorts by method name@FixMethodOrder(MethodSorters.NAME_ASCENDING)publicclassExecutionOrderTest{@TestpublicvoidtestB(){assertThat(1+1,is(2));}@Testpublicvoidtest1(){assertThat(1+1,is(2));}@TestpublicvoidtestA

Create Runnable Jar - Eclipse Options

When exporting to a Runnable Jar, there are three options in eclipse Helios. Extract required libraries into JARPackage required libraries into JARCopy required libraries into sub folder next to JAR. What are differences : Extract required libraries into JAR - Extracts the actual .class files from the libraries your app uses and puts those .class files inside the runnable JAR. So, the runnable JAR will not only contain the .class files of your application, but also the .class files of all the libraries your application uses. Package required libraries into JAR - Puts the actual JAR files of the libraries into your runnable JAR. Normally, a JAR file within a JAR file cannot be loaded by the JVM. But Eclipse adds special classes to the runnable JAR to make this possible. Copy required libraries into sub folder next to JAR - Keeps the library JARs completely separate from the runnable JAR, so the runnable JAR will only contain the .class files of your application. Option #2 is convenient be…