Most Modern Fontsf for WordPress
When creating a WordPress website, you need to prepare all the right tools to create effective effects. This includes many updated tips!
However, your WordPress theme may not have the HTML font you need to choose. Or, you may be dissatisfied with the person chosen for you.
Due to these factors, it is necessary to install some custom prompts. We will discuss various types of options here today. But first, let's exclude technical issues.
What exactly do modern fonts do?
Modern fonts are never new. This style was first developed in the 18th century. Nevertheless, their designs are still relevant in the modern world. In fact, you can really see them everywhere.
So, what do modern fonts look like?
The modern type is sharp, bold, bold, professional and sweet. They are also usually sans-serif fonts (but not always), and sometimes fall into the category of serif fonts. Their designs are immediately different, and they are often used for titles and logos. They may be particularly aggressive, but not aggressive. Yes, they are brave and need attention.
This is an example of a portfolio website using modern techniques.
Notice how tight and how tight is it?
xxxxxxdesign.com
Of course, these are not common. Modern typography has evolved, and you can often find stylistic examples. But hope this gives you a general idea of what modern prompts are (and why you might want to use them).
How to load downloaded fonts in WordPress
Custom fonts downloaded from the web require more work to run, because you can’t import them like free jobs like Google Fonts. Instead, you need to manually load the prompt or use a plugin to work.
But before shipping, you need to make sure that your tip is ready. What does it mean? However, not all fonts are safe or directly compatible with all web browsers.
But this is not a big challenge. Just use the free Webfont Generator tool to convert any custom font you see online into a form that can be read and used by all web browsers.
Safe fonts to transfer any font to the site
Completing this step will also greatly help optimize the speed of prompts. However, this is not all. You should also follow some tips to ensure that your custom tips don’t consume resources or unnecessarily slow down your website when it loads:
- Check performance. Use GTmetrix to track the number of HTTP requests. If there are too many, it may mean that your website uses more fonts that you also understand. What I'm talking about here are fonts that are automatically installed next to plugins and themes (not fonts that you manually add).
- Check your analysis. Here, you can see which font container formats are the most accessible on your website. The most common options are EOT, TTF, WOFF, and WOFF2. When you consider what to support, this can help you determine which to provide.
- Ensure that fonts are cached locally. It's not like you update the font every day. This means that fonts can be safely cached in most guest browsers. This will limit the number of HTTP requests over time.
Manually uploading fonts requires some technical skills, but it is not out of reach for most website owners.
1. Download your favorite custom font (there are many examples below).
2. Support your website (including all content and databases) and/or use sub-themes to make the following changes.
3. Upload the font file in .zip format to the wp-content / themes / your-theme-name / fonts folder. If the "fonts" folder does not exist, continue to create one and upload the .zip file there. To do this, please use the FTP client of your choice.
4. In the WordPress dashboard, go to Appearance> Theme Editor and access the style.css file. You need to add custom code snippets to this file. Add the appropriate font family and URL to the code snippet, and click Update File.
@font-face {
font-family: YOUR FONT NAME>;
src: url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf);
font-weight: normal;
}
The code above adds a font to your website. Next, you need to tell WordPress where to use fonts. To do this, open style.css again and use the following code box:
.Site Elements{
font-family: "FONT NAME", Helvetica, sans-serif;
}
In this code, you need to determine where to place the font on the site and specify the font name before updating the file.
Instead, if you want to get rid of all these add-ons, you can use plugins to add fonts in WordPress. Use a solid option in each font. As the name suggests, you can use it to load any custom type on your site and separate it from CSS elements.
56 most modern fonts to be used in 2021
Now that you know how to customize and load custom fonts in WordPress, we can now provide a complete list of the latest fonts and options to choose from.
1. Intro
Intro
Intro is a standard upgrade that provides bold lines and presentations that can be easily used for titles or headings. This alphabet family contains 72 letters, with 8 different thicknesses from thin to thick, bringing you infinite softness.
2. Komoda
Komoda
Another option is Komoda. This font is compatible and looks interesting. All serf and sans-serif, with block view, the middle line of each letter is raised. Its alliance issued a statement. Here is the perfect choice for the logo.
3. Stoked
Stoked
Stoked is another all-inclusive option that provides a unique look for the title and logo. It is also interesting when the reader stays. Its defining characteristic is the double line on each letter and the line break that gives it the shape of the template.
4. Classy Marisa
Marisa
Marisa elegant is also available. This modern font is both beautiful and fluid, providing bolder and more beautiful fonts for your logos and headlines. It also has very interesting ligatures, alternate glyphs and modifications, and can add another character to any text you want to share.
5. Canter
Canter
Canter is another good choice. This is a sans-serif nib that covers all the barrels and has a compact space. It also has six different weights, including a 3D option and an option with amazing download shadows.
6. Lucky
Lucky
Lucky is another modern font that is worth looking at. This is another sans serif font option that can be used well as a logo or title. It has excellent editing quality and can also be easily applied to online magazines and publications.
7. Zafir
Zafir
Zafir offers another modern font option worth considering. Its supply is very limited. Zafir is another option for all caps. This is a stylish tip with lined lines and a very interesting look that can be used well for logos and titles.
8. Coves
Coves
Or you can use Coves. It has two thicknesses, light and bold, and provides beautiful and neat font options for your latest projects. It will be used for standard text as well as headings and headings. It is really versatile.
9. Azonix
Azonix
Azonix offers another modern font selection, this time with a futuristic theme. It is a sans serif font that emphasizes geometric shapes. It’s all covered, and it’s easy to look like a starting line for science fiction movies.
10. Arkhip
Arkhip
Arkhip is another freebie option that maintains a modern design when it goes back in time. He uses elements of Russian fonts to create something modern and truly novel.
11. Prime
Prime
There is another font to consider, called Prime. It is a modern type of sans serif font that incorporates bold lines and has a generally futuristic appearance. They have geometric corners and are perfect for websites with futuristic themes or technologies.
12. Glober
Glober
Globe is another modern technique you should study. There are 18 weights in this letter family, consisting of 9 true characters and 9 italics. It is a simple font, easy to read and easy to apply to many different situations, including headings and body text.
13. MADE Gentle
MADE Gentle
MADE Gentle is another innovative technique worth considering. It is considered a soft top, inspired by the Cooper Black type. This is bold and round, similar to the pages of old books and the logo of the 1970s.
14.Nordic
Nordic
Nordic is both modern and classic, offering two types and three weights. These designs are inspired by Norwegian oil and will be perfectly used for titles, titles and logos.
15. Maddac
Maddac
Maddac fonts provide a good choice for your website. It is thick, lumpy and uneven. It is innovative in design and unique in execution. Each letter has a slight angle or curve on one side of its design, which provides some matching style.
16. Croc
Croc
Isn't Croc a good tip? This is a bold continuous reminder with an iconic style that is nostalgic but still fresh.
17. Aqua
Aqua
Aqua is another technique you should study. It has modern artistic qualities that make it look timeless. It is sturdy and simple, and combines decorations and ligatures to distinguish it from other similar types.
18. Manifesto
Manifesto
Use the manifesto to make a bold statement. This typeface is inspired by the Italian rationalist movement and has a firm editorial quality. Use it for titles, logos, and headlines. Use it for printing and contour design. This approach is really very diverse.
19. Orkney
Orkney
Orkney is a beautiful professional font. The tip adopts a geometric design and can be used for many purposes. Use it for the title or logo. Used for standard text. It will be used in print or digital media. The sky is the limit here.
20. Elppa
Elppa
Elppa has a futuristic look, interesting and versatile. The tip is very sparse, and it also gives a sense of local times. Will be used for printing and website design. It is suitable for logos and headings, and may not be the main text, but it is certainly useful for graphics, etc.