Add unlimited fonts to your website with Google Web Fonts

For a long time, website development was hampered by the fact that they could only use a handful of fonts because of their resources. However, now Google has launched a new web service "Google Web Fonts". The service allows you the possibility to use different fonts from Google on your website. There are no restrictions on the fonts used.

Here is a short description how you can do it in a few steps:

Choose a font

To do this, open Google http://www.google.com/webfonts and choose one you like.

Get the selected font code

In this example, the "Eater" font will be used. To get the font code, you need to do this on the open page:

Then you need to add the "/" tag to avoid validation errors in HTML. Therefore, it should be:

Copy code

The code is as follows:

Copy the above code and put it after the <HEAD> tag like this:

Copy code

The code is as follows:

<head>
<link href='http://fonts.googleapis.com/css?family=Eater' rel='stylesheet' type='text/css'/>
...

...

Add CSS code to your web page

Now you can use this font by setting the property "font-family" in CSS. For example, if you want all first-level headings to have the same font, you have to add the following CSS style:

Copy code

The code is as follows:

h1
{
font-family: 'Eater', cursive;
}

<<: A brief analysis of whether using iframe to call a page will cache the page

>>: Details of the order in which MySQL reads my.cnf

.NETCore Docker implements containerization and private image repository management

Add unlimited fonts to your website with Google Web Fonts

.NETCore Docker implements containerization and private image repository management

BUG of odd width and height in IE6

Docker image creation and one-click packaging and deployment of the entire project

JavaScript imitates Jingdong carousel effect

Setting the engine MyISAM/InnoDB when creating a data table in MySQL

What you need to know about MySQL auto-increment ID

HTML form tag tutorial (1):

HTML (css style specification) must read

Vue folding display multi-line text component implementation code

How to solve the 2002 error when installing MySQL database on Alibaba Cloud

Recommend

Advanced crawler - Use of Scrapy_splash component for JS automatic rendering

Mysql string interception and obtaining data in the specified string

Detailed explanation of MySQL high availability architecture

What to do if you forget the root password of Mysql5.7 (simple and effective method)

How to generate Vue user interface by dragging and dropping

How to configure ssh/sftp and set permissions under Linux operating system

How to install MySQL server community version MySQL 5.7.22 winx64 in win10

Sharing of experience on repairing MySQL innodb exceptions

Detailed analysis of the difference between Ref and Reactive in Vue3.0

Docker implements re-tagging and deleting the image of the original tag

Example code for converting html table data to Json format

Two ways to build a private GitLab using Docker

10 performance configuration items that need to be adjusted after installing MySQL

How to use Linux locate command

How to preview pdf file using pdfjs in vue