Change font of all elements with one line CSS code

Sometimes in life, you just want to change! You want to change your dresses, your friends, your job, your furniture and what not. When designing a webpage it is normal that you have coded your webpage with many fonts. This is normal when you have pasted many codes from various websites.

In the above scenario, it may be possible that you want uniform font faces in all of your page elements. The truth is, you can do that with CSS and more surprisingly with one line of code.

So without further ado, here is the code:
* {font-family:Arial, Helvetica, 'Open Sans';}

In the code above, we set Arial and other fonts as the font of all the elements. The browser will look for the fonts one after another. If the Arial font is not present in the computer then Helvetica will be used and so forth.

Remember, if you use a font which has a space ( ) in its name, you will have to enclose the name in single quotes (').

View More Posts

Be Informed Whenever a New Post is Published.

If you enjoyed this article, SUBSCRIBE now for FREE to get regular updates delivered to your E-mail inbox.Your E-mail is safe with us - No spam, we promise.

• Posted on: 10:56 PM
• Posted by: Adnan Shameem
• Tags: CSS, font family, fonts, programing and coding
• Comments: No comments