List of Gorgeous Web Safe Fonts
Here is the list of websafe fonts that we in iNGENIUM use in our everyday web development. Websafe (or "web safe", "safe for the web") fonts are supposedly fonts that are common among all versions of Windows, Mac, Linux, etc. Fonts that you expect everyone viewing your webpage to have. These font names are in typical font-family CSS format, in other words (first choice font), (second choice font), (third choice font), etc.
I made them that way so you could easily copy and paste them into your CSS code. Also, each font comes with a CSS Generic Font Family fallback font (such as serif or sans-serif), in case the primary (and secondary) font is not found. Now let’s continue with the article…along with each font is a preview image of what it looks like, and the raw CSS code that you can copy and paste directly into your own stylesheet to use the font.
Impact
![impact](https://lh4.googleusercontent.com/-JtJIbGIw--A/TfKwoQsY0_I/AAAAAAAAADI/O_2-9Q0HfQE/s800/impact.png)
[css].classname { color: #333333; font-family: Impact, Charcoal, sans-serif; }[/css]
Palatino Linotype
![palatino-linotype](https://lh5.googleusercontent.com/-Iu46uePGRh0/TfKwpK2iRQI/AAAAAAAAADM/ELzllLcog4A/s800/palatino-linotype.png)
[css].classname { color: #333333; font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif; }[/css]
Tahoma
![tahoma](https://lh4.googleusercontent.com/-DC2DhG8c6jI/TfKwpG31MSI/AAAAAAAAADE/vb30iLUC7oQ/s800/tahoma.png)
[css].classname { color: #333333; font-family: Tahoma, Geneva, sans-serif; }[/css]
Century Gothic
![century-gothic](https://lh4.googleusercontent.com/-625dquqo7BM/TfKwnd1wVNI/AAAAAAAAACo/9G7IxL4tKRI/s800/century-gothic.png)
[css].classname { color: #333333; font-family: Century Gothic, sans-serif; }[/css]
Lucida Sans Unicode
![lucida-sans-unicode](https://lh3.googleusercontent.com/-KyYpZyvvqhI/TfKwor86aXI/AAAAAAAAADA/wtPVLwNMAzA/s800/lucida-sans-unicode.png)
[css].classname { color: #333333; font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif; }[/css]
Arial Black
![arial-black](https://lh5.googleusercontent.com/-oSx19zfEevI/TfKwnPrq0NI/AAAAAAAAACg/hQOYqFQh4ZQ/s800/arial-black.png)
[css].classname { color: #333333; font-family: ‘Arial Black’, Gadget, sans-serif; }[/css]
Times New Roman
![times-new-roman](https://lh4.googleusercontent.com/-cS9m8BXmN_M/TfK2KgmfG0I/AAAAAAAAADY/vreNU1XrU5U/s800/times-new-roman.png)
[css].classname { color: #333333; font-family: ‘Times New Roman’, Times, serif; }[/css]
Arial Narrow
![arial-narrow](https://lh3.googleusercontent.com/-bhUbK-D2FKo/TfKwnGdorfI/AAAAAAAAACk/Y8wxDLMvXcI/s800/arial-narrow.png)
[css].classname { color: #333333; font-family: ‘Arial Narrow’, sans-serif; }[/css]
Verdana
![verdana](https://lh3.googleusercontent.com/-BdpsXmtHsZw/TfKwpgjmliI/AAAAAAAAADU/DN6CUivkUj8/s800/verdana.png)
[css].classname { color: #333333; font-family: Verdana, Geneva, sans-serif; }[/css]
Copperplate Gothic Light
![copperplate-gothic-light](https://lh5.googleusercontent.com/-Y81molpp2_o/TfKwntC4V_I/AAAAAAAAACs/1uOAqTezewo/s800/copperplate-gothic-light.png)
[css].classname { color: #333333; font-family: Copperplate / Copperplate Gothic Light, sans-serif; }[/css]
Lucida Console
![lucida-console](https://lh5.googleusercontent.com/-_j33mJgaEI8/TfKwojCA5xI/AAAAAAAAAC8/x2iMUVL99YU/s800/lucida-console.png)
[css].classname { color: #333333; font-family: ‘Lucida Console’, Monaco, monospace; }[/css]
Gill Sans
![gill-sans](https://lh3.googleusercontent.com/-291gnellKLo/TfKwoad3hvI/AAAAAAAAAC4/p-Dh-MpxPS4/s800/gill-sans.png)
[css].classname { color: #333333; font-family: Gill Sans / Gill Sans MT, sans-serif; }[/css]
Trebuchet MS
![trebuchet-ms](https://lh5.googleusercontent.com/-jQtlNFjZ0pw/TfKwpoqkMRI/AAAAAAAAADQ/I8h3eoIVId4/s800/trebuchet-ms.png)
[css].classname { color: #333333; font-family: ‘Trebuchet MS’, Helvetica, sans-serif; }[/css]
Courier New
![courier-new](https://lh5.googleusercontent.com/-6web7Gux9yM/TfKwnkrQEPI/AAAAAAAAACw/HZwtXtB2C34/s800/courier-new.png)
[css].classname { color: #333333; font-family: ‘Courier New’, Courier, monospace; }[/css]
Arial
![arial](https://lh5.googleusercontent.com/-E3uZQdz9ECU/TfKwnGfa7JI/AAAAAAAAACc/B3geq77wqq0/s800/arial.png)
[css].classname { color: #333333; font-family: Arial, Helvetica, sans-serif; }[/css]
Georgia
![Georgia](https://lh4.googleusercontent.com/-A-GXoVh4MFo/TfKwn-iucxI/AAAAAAAAAC0/NkwGHkNBeH0/s800/georgia.png)
[css].classname { color: #333333; font-family: Georgia, Serif; }[/css]
If you like this article, you'll love this one.
Related Posts
Blackmail is a serious crime that can cause immense stress and fear.
In today's data-driven world, databases form the backbone of countless applications and systems that power businesses across industries.
It’s no longer a hidden fact that social media platforms like Facebook affect the mental health of users.
Relocating an IT company is a significant endeavor that involves careful planning, coordination, and execution.
Today maintaining office security has become an important concern for businesses of all sizes.
A registered office address is a fundamental requirement for any business entity, whether it’s a corporation, limited liability company (LLC), or partnership.
Comments
comments powered by Disqus