News Journal

Web safe fonts are typefaces that come pre-installed as default fonts on the majority of computers and devices, regardless of operating system. Creating a web safe font stack gives us the best chance of having our text appear as intended. And the following fonts are the best web safe fonts for HTML and CSS:

• Arial (sans-serif) is ranked #1 in use on the Web.Designed by Robin Nicholas and Patricia Saunders, released by Monotype in 1982. And Helvetica, was designed in 1957 by Swiss typedesigners Max Miedinger and Eduard Hoffmann.
  • The most widely used font for both online and printed media. Arial is also the default font in Google Docs. It is one of the safest web fonts, and it is available on all major operating systems. Using Arial with Helvetica fallback (ranked #2 in use on the Web), or Helvetica with Arial fallback, it covers both Windows machines and all Mac machines.

  • a

    Arial

    Art Gallery

• Verdana (sans-serif) ranked #3 in use on the Web. Designed by Matthew Carter for Microsoft.
  • It is a very popular font. Verdana is easily readable even for small font sizes. It runs on all Windows machines (99.8%), and all Mac Machines (99.1%). Geneva is Verdana preferred fallback, because the two fonts are quite similar, and Geneva runs on all Mac machines (99.6%).

  • a

    Verdana

    Guggenheim Museum

• Tahoma (sans-serif).Designed by Matthew Carter for Microsoft in 1994.
  • The Tahoma font has less space between the characters. It was the standard font in Windows 95. It works on 99.9% of all Windows machines, and 91.7% of all Mac machines.

  • a

    Tahoma

    Art Gallery

• Trebuchet MS (sans-serif).Designed by Vincent Connare for Microsoft in 1996.
  • Trebuchet MS was designed by Microsoft in 1996. Use this font carefully. Not supported by all mobile operating systems. It has been released with all Windows operating systems (99.7%) since Microsoft Windows 2000. It is also included on Macs machines (97.1%), iOS and Chrome OS.

  • a

    Trebuchet MS

    Designer Impact

• Times New Roman (serif) article.Designed by Stanley Morison in 1931.
  • 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 considered the most web safe serif font and it works on all Windows machines (99.7%) and all Mac machines (97.4%).

  • a

    Times New Roman

    Typedesigners

• Georgia (serif). Designed by Matthew Carter in 1996.
  • Georgia is an elegant serif font. It is very readable at different font sizes, so it is a good candidate for mobile-responsive design. It is a little larger than Times New Roman, but works well on most Windows machines (99.4%) and Mac machines (97.5%).

  • a

    Georgia

    Journal

• Garamond (serif) paragraphsDesigned by French engraver and publisher Claude Garamond.
  • Garamond is a classic old-style serif typeface designed in the 16th century. It's characterized by its elegant, legible, and classically proportioned letters, influenced by earlier type designs. Garamond is a classical font used for many printed books. It has a timeless look and good readability.

  • a

    Garamond

    Classic old-style serif

• Courier New (monospace) codeDesigned by Howard "Bud" Kettler in 1955.
  • 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. In a monospace font, all letters occupy the same width.

  • a

    Courier New

    Typewriter

• Brush Script MT (cursive)Designed by Robert E. Smith in 1942 for the American Type Founders.
  • The Brush Script MT font was designed to mimic handwriting. It is elegant and sophisticated, but can be hard to read.

  • a

    Brush Script MT

    Writer

Source: CSS Font Stack, a complete collection of web safe CSS font stacks.

There are no 100% completely web safe fonts. There is always a chance that a font is not found or is not installed properly. Therefore, it is very important to always use fallback fonts as serif, sans-serif, monospace, cursive and fantasy. This means that we should add a list of similar "backup fonts" in the font-family property. If the first font does not work, the browser will try the next one, and the next one, and so on. Always end the list with a generic font family name.

But at the beginning, when I started, I didn't know all this. The first sources I used were for submiting an application with a game, which served as an exam for obtaining a scholarship. I had only been studying for three months and didn't know much. The professors suggested the following sources:

The technical information for writing this article has been extracted from the w3schools.