Font Information

Font has a lot to do with it all. Why? Because if we don't have font, there would be nothing on your lens or website. In the windows operating system, the default font is times new roman. Now lets take a look at all of the possibilities.

With different operating systems, there are different fonts that are available. When a site picks a particular font that is not available on your computer, it will replace itself with a default so that you can view the font.

Windows


• Arial
• Comic San MS
• Courier New
• Impact
• Times New Roman
• Symbol
• Verdana


Macintosh


• Chicago
• Courier
• Geneva
• Monaco
• New York
• Palitino
• Helvetica


Unix


• Charter
• Courier
• Fixed
• Lucida
• San Serif
• Clean
• Helvetica

We talked about the font types, but how to add it in. If you plan on using the system default; you don't have to put it in unless you really want to. so, for Times New Romans, it would be: <p style="font-family:times new roman;">

Now you are probably wondering how in the word that I managed to get that big black letter on the introduction paragraph. This is how I did it.<b style="font-size: 100px; float: left; color: black; line-height: 70px; padding-top: 2px; font-family: times new roman;">Your letter here </b> Font-size cover the size of the font. Line-height is based off of how high the line will be. We added padding for only the top. Then we added the font type which I explained before. Feel free to experiment with the numbers to see what happens. You can use this code if you want to group multiple letter together. Depending on what you are trying to do, you may have to omit everything but the font-size part. Just experiment to see what works for you.

Font-weight: You can use this to set the weight of the font if you don't want it bold or normal. Just add bold or normal depending on which way you are going with it.

Font-type: This is where you can add the type to your font like italics.

Text-transform: You can use uppercase, lower with this one.

Text-decoration: You can use line-through, blink, overline, and underline with this one.

I know you have seen other fonts floating all over the internet. If you end up using those types for your sites or lenses, you have to remember that your user won't see that font unless your user has that font installed on their computer. What they typically would see is their default font instead. I know that they may look nice, but not everyone sees the words on the page the same. The only way that a font looks the same no matter which fonts are installed is by graphics. I don't think you will do that just to have that effect. Just remember what may work on your computer, may not work on another person's computer.