HTML5 Fonts for Macintosh Systems


Due to the fact that the browser doesn't need to download any font files because it is already using one, utilizing the system font of a specific operating system by default can improve efficiency. But it is true of any web-safe typeface. System fonts have the advantage of matching the fonts that the current OS uses, making them visually pleasing.

There are some fonts from the Microsoft list that are also compatible with Macintosh Systems. Those are

Andale Mono, Arial, Arial Black, Comic Sans MS, Courier New, Impact, Trebuchet, Verdana, Symbol, Webdings and Times New Roman

The fonts that are not available for Microsoft operating systems but supports in Macintosh systems are

American Typewriter, Apple Chancery, Baskerville, Big Caslon, Brush Script, Capitals, Charcoal, Hoefler Text Ornaments

Let’s look forwards for understanding of Macintosh systems fonts Following are the examples for HTML5 fonts for Macintosh systems.

Using “Verdana” font

The font Verdana is very well-liked. Even in tiny font sizes, Verdana is readable.

Example

In the following example we are using the “verdana” font .

<!DOCTYPE html>
<html>
<style>
body {
   font-family: Verdana;
}
</style>
<body>
   <h1>WELCOME TO TUTORIALSPOINT</h1>
   <p>The Best E-Way Learning</p>
</body>
</html>

Output

When the script gets executed, it will generate an output displaying the text used in the above script in the verdana style on the webpage.

Using “Courier New” font

The most popular monospace serif font is Courier New. Many email services set Courier New as their default typeface, and it is frequently used with code displays. The preferred typeface for movie screenplays is Courier New.

Example

In the following example we are using the “courier new” font.

<!DOCTYPE html>
<html>
<style>
body {
   font-family: 'Courier New';
}
</style>
<body>
   <h1>MSD</h1>
   <p>Mahendra Singh Dhoni is an Indian former professional cricketer
   who was captain of the Indian national cricket team in limited-overs
   formats from 2007 to 2017 and in Test cricket from 2008 to 2014.</p>
</body>
</html>

Output

On running the above script, it will generate an output consisting of text used in the script with courier new style on the webpage.

Using “Brush Script MT” font

It was intended for the Brush Script MT typeface to resemble handwriting. Despite being refined and attractive, it can be challenging to read. Use it with caution.

Example

In the following example we are using “Brush Script MT” font.

<!DOCTYPE html>
<html>
<style>
body {
   font-family: 'Brush Script MT';
}
</style>
<body>
   <h1>JP DUMINY</h1>
   <p>Jean-Paul Duminy, more commonly known as JP Duminy,
   is a South African cricket commentator, and former international cricketer. 
   He was vice-captain of the South Africa Twenty20 team.</p>
</body>
</html>

Output

When the user tries to execute the script, it will display an output consisting of text in Brush Script MT on the webpage.

Using “Trebuchet Ms” font

Another web-safe sans-serif font is Trebuchet MS. It can be a good replacement for your website's sans-serif font because it is frequently utilised for the body copy of many websites. It might not even have Arial's "basic" appearance.

Example

In the following example we are using “Trebuchet Ms” font.

<!DOCTYPE html>
<html>
<style>
body {
   font-family: 'trebuchet ms';
}
</style>
<body>
   <h1>AB DEVILLERS</h1>
   <p>
Abraham Benjamin de Villiers is a former South African international cricketer.
AB de Villiers was named as the ICC ODI Player of the Year three times during 
his 15-year international career</p>
</body>
</html>

Output

When the script gets executed, it will generate an output displaying the text used in the above script in the Trebuchet Ms style on the webpage.

Updated on: 11-Oct-2023

84 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements