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


Labels:

Comments

Post a Comment

Popular posts from this blog

Exploring Node.js Internals

I found a great article explaining Node JS internals, must read : https://www.smashingmagazine.com/2020/04/nodejs-internals/ Some other articles : Introduction to Node.js Being an official website, Node.dev explains what Node.js is, as well as its package managers, and lists web frameworks built on top of it. “ JavaScript & Node.js ”,  The Node Beginner Book This book by  Manuel Kiessling  does a fantastic job of explaining Node.js, after warning that JavaScript in the browser is not the same as the one in Node.js, even though both are written in the same language. Beginning Node.js This beginner book goes beyond an explanation of the runtime. It teaches about packages and streams and creating a web server with the Express framework. LibUV This is the official documentation of the supporting C++ code of the Node.js runtime. V8 This is the official documentation of the JavaScript engine that makes it possible to write Node.js with JavaScript.
Post a Comment
Read more

Hibernate Object Conversations

Session methods to use for object conversations Save() A new instance being attached to the session. An insert will be scheduled. Update() Call Update to make a transient object persistent again. It will force a SQL update on the transient object. This is because Hibernate does not know whether the object is dirty or not and to be safe by default schedules an update. This method will throw an exception, if the entity is already registered with the session. - NonUniqueObjectException is thrown. saveOrUpdate() Either a save or an update will be called based on whether the identifier exists or not. No identifier - save is called, else update is called. Or for a better understanding, if the object is transient, then a save is called, if the object is persistent, then an update is called. Reattaching an unmodified instance - If you know for sure that an object is not modified and you just want to make it persistent again - Session.lock(item, LockMode.No
Post a Comment
Read more