- Trending Categories
- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- iOS
- HTML
- CSS
- Android
- Python
- C Programming
- C++
- C#
- MongoDB
- MySQL
- Javascript
- PHP
- Physics
- Chemistry
- Biology
- Mathematics
- English
- Economics
- Psychology
- Social Studies
- Fashion Studies
- Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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.