Internet review - Lite Web-master Graphics Games Freeware Time Christmas Bible
Website Hosting Clouds Domains Resources Forms on the site Promotion
API ASCII CMS CSS CSS3 GIF HTML HTML5 IP IT RSS SEO UI Whois Validators Webmasters Web Editors Website monitoring Check site

Using Google webfonts

Delivery

  1. hellohappy.org/beautiful-web-type - Beautiful Web Type - Interesting examples of using fonts with Google.
Google Fonts

The service for introducing fonts to the site.
There is no Russian version, but there are Russian fonts (Cyrillic).

Advantages

The fonts are on the Google server and not on your website. Saves time and increases download speed.

What should I do?

Attention, the service is developing, the number of fonts and features is growing, so changes are possible on the site.
  1. Script: - Select Cyrillic or Cyrillic Extended

  2. At the top of the Preview Text:, you can enter your text, size (Size :) and Sort the fonts alphabetically, popularity ... I chose by popularity. We are looking for the best font from the less popular ones, less popular is less likely to use it and it will be more original.

  3. We select the font for the title (Sentence) or text (Paragraph), depending on how we want to use.

    The beautiful font for the title may not be readable in the text.

  4. Choose the font that best suits us Add to Collection And Quick-use.

  5. We take the code that will be placed in
    <HEAD>
    . He's at 3. Add this code to your website: This is a link like
    <link 
      href='https://fonts.googleapis.com/CSS?Family=PT+Sans&subset=cyrillic' 
      rel='stylesheet' type='Text/CSS'>
  6. Go back and click on the blue Review field (may need to open) and select the font (bold, italic ...) if the font allows it.
In the Test Drive tab, we go through the menu in the right column. There you can set up a lot, it will be more difficult to describe, you will be able to visually see and select, adjust. At the bottom of the main field on a gray background there will be a code like:

 font-family: 'Ubuntu Condensed', sans-serif;
  font-style: normal;
  font-weight: 400; font-size: 13px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0em;
  word-spacing: 0em; line-height: 1.4;

Copy it and put it where we need it in CSS. font-style: normal; font-weight: 400; font-size: 13px; text-transform: none; text-decoration: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.4;

Copy it and paste it into CSS.

Internet resources 400 stunning free services We measure the speed of Internet Yandex.Webmaster Google webmaster Site traffic statistics Monitoring site Protection against DDoS attacks

Generators
Text Generator Generator CSS sprites Generator icon CSS3 generators CSS3 validator Animated loader Animated buttons Covers browsers
Editors
Decoder text Transliters Web editors online Platform Online Web programiirovaniya
More
Online Screenshots Joint viewing sites Show job Break software or file Instacode Learning to code



Mobile version

Terms of publication of the article
Advertising
About us
Graphics

Fonts
Logos
Brandbooks
Pictogramms
Heraldry

Popular

Check a website level
A website registration
How to creat a website
#1 on Google
Online Translators
Password

Internet top

©2005-2024, Web studio Ph4 - Internet Catalog for user, web-master and designer v. 6.0.3