Google Fonts: how to connect to your site?

Learning about everything on your own is not easy, but very interesting. If you have even a superficial idea of ​​how the site works, then to implement your project it is better to do it yourself. At the same time, you will not only save a lot of money, but also learn a lot of "chips", secrets, etc. Using Google fonts usually does not attract attention, although thanks to them, a blog can become much more interesting.

Service

Quite a long time ago, a large web font service appeared on the Internet. It was developed by Google. Users could use it for free. Despite the fact that setting up this type is not considered super complicated, there were still people who made mistakes and could not cope with the service.

google fonts

A simple design has been specially developed for this. Now working with Google Fonts has become easier, and the number of visitors has increased. The library has also expanded. Last year, a redesign of the service took place, which collected a lot of positive reviews. Now it has become easier for people to connect fonts to their sites and view them.

Appearance

So, for those who have never been to a site with an old design, you need to get a general picture of the changes. In the past, the service looked quite massive. Everywhere there were thick frames, catchy buttons of blue color, the graphics were not of the highest resolution. All this greatly influenced the visitor.

Now, the developers have focused on Material Design. Everything has acquired sophisticated features. Appearance has become "easier." Subtle animation and interactivity became noticeable. Nothing else distracts you from choosing the right Google Fonts.

google fonts

There was a convenient adaptation of the resource for mobile devices. Of course, such a change is not very noticeable against the background of innovations, but taking into account the bugs of the previous version will become for avid users "manna from heaven."

Opportunity

Often, designers use this service. Despite their experience and professionalism, they also work with visualization. The redesign gave more of these features that would allow you to combine in advance what you would need to later implement in your project.

Therefore, the problem with how one font is combined with another color and a third background has disappeared. The company added more tools and a palette with universal tones to the site, which would allow them to experiment and find out how a particular font will look in a certain color.

Featured

The Google Fonts service provides users with a choice of options. A special tab contains a set of styles that the developer recommends for use. These collections stand out from the rest. They are developed by specialists from Google and third-party agencies. Most of them have a certain style and a special philosophy.

font in google chrome

View

One of the important changes concerned directly the choice of fonts. This means that previously the user saw in front of him a certain pattern with additional buttons and a large blue that added the font to the collection. In general, this option looked good, but not always the box had a good enough resolution of the picture with the style, and therefore it was difficult to determine unambiguously what the font would look like.

There were questions to these additional buttons, about which little was known at first glance. It was necessary to either point them or use. Now it has become more or less clear. There are additional features:

  • Select a specific sentence, paragraph or own text element.
  • Font richness experiments.
  • Quickly adjust sizes using the slider.

By the way, changing the font sizes of Google has become more adaptive, since only one example has changed, and not everything on the page. In the old version, users could transfer from one edge of the page to the other, but in the new version you just stay on the example that you are adjusting.

Connection

If you are ready to use this service, you can try connecting fonts to your resource. The process of obtaining a link is universal. Problems may arise depending on your CMS system. Each uses its own methods. Therefore, for different projects will have to select individual options.

We’ll look at how to get a link for connecting Google fonts. You need to go to the official website of Google Fonts. There, you browse the style catalog and choose the one that best suits you. To do this, click the plus sign next to it. After the font will be added to a special block at the very bottom of the page.

google cyrillic fonts

Click on this block and then configure it. Here you can choose the styles and the desired alphabet. If you need Google Cyrillic fonts, then check the Cyrillic line. After that a link will be formed. It can be found in the same window on the Embed tab. Just copy it or use the full HTML code.

Usually in the site settings there is a font and color setting. There are standard options, but you can add advanced ones. They have a separate option for Google Fonts. If you have a WordPress admin, then you need to download fonts through the Supreme Google Webfonts plugin.

Popular Options

It is difficult, of course, to judge which styles are better, especially for different topics on the site. When creating your site, remember that it should be liked not by you, but by your audience. Therefore, it is better to look at competing sites.

Usually for commercial resources no one bothers about styles. After all, if you see a font in Google Chrome in an online store, you are unlikely to focus on it. But if you have a blog, then most likely you may like something, but something, on the contrary, will be annoying.

google font connection

Google Fonts has prepared many collections in which there are also popular styles. For example, Lobster love to use for individual blocks in the text. It is difficult to read if the entire article is written in such bold italics. But inserts and quotes look good.

Bad Script is also an option for blogs. Italic type is heavy for reading large arrays of text, but they can highlight the main idea. Style imitates handwritten handwriting. Jura normal 400 is an interesting option for the Cyrillic alphabet. The author claims that this is a Eurostyle from the Sans-Serif family. It really looks very good and has several variations.

Source: https://habr.com/ru/post/C33468/


All Articles