You donât need thousands of fonts to create a great-looking website. But you do need to make sure that the fonts you use are visible to everyone who visits your website. And thatâs where web safe fonts come in. And if you could find web safe fonts which are a) 100% free to use and b) donât need to be hosted anywhere else for your visitors to see them, itâd be a homerun for you. Thatâs exactly what this post has been written for: weâll cover the 31 best-looking web safe fonts and show you exactly how to implement them into your WordPress site. Use the links below to navigate to the section that interests you the most, or jump directly to our list of web safe fonts: What Fonts are Web Safe?Including variations, there are over 650,000 different fonts available online. Fonts that are supported by the majority of web browsers and operating systems are considered to be web safe. The operating system automatically includes the font files, so visitors donât have to download fonts from your servers. An example is the ubiquitous Arial font that birthed thousands of âspin-offsâ. Are Web Safe Fonts Necessary in 2020?Sure, the vast majority of users now use Google Chrome, both on mobile and desktop. But that doesnât mean web safe fonts are a thing of the past. In fact, supported fonts vary based on the operating systems, including the current version a user has. So if you design a website with a font only supported by the newest version of Windows 10, most users will see something else. In addition, if you choose to use and host a custom local font, or font hosted by a third party, it can slow down your website. So, switching to web safe fonts can speed up your website. And thatâs a great thing. Because nearly 70% of consumers say page speed influences their purchasing decisions. Are Google Fonts Web Safe?Google Fonts arenât inherently supported by your operating system, so by definition, they arenât web safe fonts. Rather, since Google, a third-party, hosts them, a Google Font is called a web font. Confusing, we know, but the difference is that your browser needs to load a file before it can show Google fonts. Web safe fonts already have font files ready on the majority of devices. But, donât worry about the lack of the word safe. Google Fonts are completely safe to use to enhance the design of your website. But, the extra HTTP requests to an outside server could slow down your page loading speed. These web-safe fonts are a) 100% free to use and b) donât need to be hosted anywhere else for your visitors to see them Find all 30+ options here Click to Tweet31+ Best Web Safe FontsWeâve compiled a list of over thirty different great-looking web safe fonts you can use to design your website. Letâs jump right into it. 1. ArialArial is a classic sans serif font, suitable for both paragraphs and headlines. Itâs long been a staple in web design. Although in recent years, itâs often used as a fallback in a font stack, rather than as the main font-family. Recommended Font StackFont-family: Arial, Helvetica Neue, Helvetica, sans-serif. 2. BaskervilleBaskerville is a relatively thick serif font, originally developed as a typeface by John Baskerville in 1750. The design is well-balanced, using a mix of thick and thin strokes to soften the hard edges of a typical serif typeface. Itâs well supported by newer Apple and Microsoft OS versions. Recommended Font StackFont-family: Baskerville, Baskerville Old Face, Garamond, Times New Roman, serif. 3. Bodoni MT / Bodoni 72Bodoni MT is a serif font, like Times New Roman, more suitable for paragraph text than headlines for most websites. Bodoni MT is available by default with Microsoft 10 and some older versions. Bodoni 72 is included with macOS Sierra and newer versions. Recommended Font StackFont-family: Bodoni MT, Bodoni 72, Didot, Didot LT STD, Hoefler Text, Garamond, Times New Roman, serif. 4. CalibriCalibri is Microsoftâs standard sans serif font and has been since its release with Microsoft Office 2007. It has a soft, modern look, with rounded edges to elevate the typical sans serif feel, making it more warm than robotic. Recommended Font StackFont-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif. 5. Calisto MTCalisto MT is a serif font with slightly softer and less pronounced serifs than most similar typefaces. Itâs a standard Microsoft font, included with most newer versions of Windows. The macOS or iOS equivalent is the Bookman Old Style font. Recommended Font StackFont-family: Calisto MT, Bookman Old Style, Bookman, Goudy Old Style, Garamond, Hoefler Text, Bitstream Charter, Georgia, serif. 6. CambriaCambria is an even softer serif font, with, in many cases, barely noticeable serifs even for capital letters. This gives it a more modern feel and also maintains a high level of readability on screens. Recommended Font StackFont-family: Cambria, Georgia, serif. 7. CandaraCandara is a sans serif font. Itâs part of Microsoftâs ClearType font collection. The macOS and iOS equivalent is Optima Regular. The uneven stroke weights make it feel a bit less modern and corporate than other sans serif fonts. Recommended Font StackFont-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif. 8. Century GothicCentury Gothic is a geometric sans serif font, with a very clean and balanced look. Itâs a great font for the web, especially for headings and subheadings. It was originally designed to compete with the font Futura. Itâs included with most Microsoft and Apple operating systems. Recommended Font StackFont-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif. 9. ConsolasConsolas is a sans serif font with a unique approach to design. All characters have the same width, which is why it uses serifs only for the letter âIâ and the lowercase âlâ. Itâs part of the ClearType collection. Recommended Font StackFont-family: Consolas, monaco, monospace. 10. Copperplate GothicCopperplate Gothic is a gothic-inspired font, with slight glyphic serifs on certain letters. As itâs inspired by gothic runes, thereâs no lowercase font available. Recommended Font StackFont-family: Copperplate, Copperplate Gothic Light, fantasy. 11. Courier NewCourier New is a monospaced slab serif font, with much thinner regular text than most other serif and sans serif fonts. It has almost perfect coverage by both Microsoft and Apple on both computers and mobile devices. We grew our traffic 1,187% with WordPress.
|
AuthorEmpreendedor digital, blogueiro e ativista ambiental. Arquivos:
November 2020
Categorias
|