New Features: Web Fonts & Social Media Buttons

/ Comments off

Best Web Safe Fonts for HTML and CSS

You’ve probably seen many references to HTML5, along with mentions of certain features being “Deprecated” or “New” in HTML5. This can sometimes be confusing, as you find out that the way you thought you were “supposed” to do something is now not the right way at all. It can also be annoying — especially since most of these “deprecated features” Continue reading 'HTML5. The CSS @font-face Rule. Web fonts allow Web designers to use fonts that are not installed on the user's computer. When you have found/bought the font you wish to use, just include the font file on your web server, and it will be automatically downloaded to the user when needed. Using web fonts with Accelerated Mobile Pages (AMP). Printing web fonts; Language support and OpenType features. New Zealand Southeast Asia (Includes Indonesia. Using OpenType features on the web has come a long way since we first offered web fonts. What’s possible today, however, is still browser dependent. Some features that work in in one browser, for example, may not display in another. How to Install a New Font from the Web. If you can't find a font you like in the Microsoft Store, download fonts from the web and install those font files in Windows 10. Windows can use several types of font files, including the TrueType Font (TTF) and OpenType Font (OTF) file formats.

The following list are the best web safe fonts for HTML and CSS:

  • Arial (sans-serif)
  • Verdana (sans-serif)
  • Helvetica (sans-serif)
  • Tahoma (sans-serif)
  • Trebuchet MS (sans-serif)
  • Times New Roman (serif)
  • Georgia (serif)
  • Garamond (serif)
  • Courier New (monospace)
  • Brush Script MT (cursive)

Note: Before you publish your website, always check how your fonts appear on different browsers and devices, and always use fallback fonts!

Arial (sans-serif)

Arial is the most widely used font for both online and printed media. Arial is also the default font in Google Docs.

Arial is one of the safest web fonts, and it is available on all major operating systems.

Example

Try it Yourself »

Verdana (sans-serif)

Verdana is a very popular font. Verdana is easily readable even for small font sizes.

Example

Try it Yourself »

Helvetica (sans-serif)

The Helvetica font is loved by designers. It is suitable for many types of business.

Example

Try it Yourself »

Tahoma (sans-serif)

The Tahoma font has less space between the characters.

Example

Try it Yourself »

Trebuchet MS (sans-serif)

Trebuchet MS was designed by Microsoft in 1996. Use this font carefully. Not supported by all mobile operating systems.

Example

Try it Yourself »

Times New Roman (serif)

Times New Roman is one of the most recognizable fonts in the world. It looks professional and is used in many newspapers and 'news' websites. It is also the primary font for Windows devices and applications.

Example

Try it Yourself »

Georgia (serif)

Georgia is an elegant serif font. It is very readable at different font sizes, so it is a good candidate for mobile-responsive design.

Example

Try it Yourself »
New features: web fonts & social media buttons download

Garamond (serif)

New Features: Web Fonts & Social Media Buttons Download

Crusader kings ii walkthrough. Garamond is a classical font used for many printed books. It has a timeless look and good readability.

Example

Try it Yourself »

New Features: Web Fonts & Social Media Buttons Free

Courier New (monospace)

Courier New is the most widely used monospace serif font. Courier New is often used with coding displays, and many email providers use it as their default font. Courier New is also the standard font for movie screenplays.

Example

Try it Yourself »

Brush Script MT (cursive)

The Brush Script MT font was designed to mimic handwriting. It is elegant and sophisticated, but can be hard to read. Use it carefully.

Example

Try it Yourself »

Tip: Also check out all available Google Fonts and how to use them.