Use a personalized font in your Web page

In the general web design, the font in the Web page is used font-family this CSS property, but the general default of Microsoft Ya Black, song body and other default fonts are more standardized but slightly rigid font. What do you do if you want to use a more personal font in your own web page? Next, I will summarize the methods I have tried in terms of both English and Chinese:

I. Excellent English font library--google Fonts

Usage Notes:

If you look at the following fonts in Google fonts, you want to apply them to your own design page:

1. Click the "Plus" in the upper right corner of the font to add the selected font to the usage list:

2. Follow the instructions above to do the following:
A. Add the link tag to the head tag:

<link href= "Https://fonts.googleapis.com/css?family=Lobster" rel= "stylesheet" >

B. Add attributes to the label style that you want to use in your personality font:

font-family: ' lobster ', cursive;

It's that simple, so let's look at an example of the actual operation:

Effects in Web pages:

Two. Excellent Chinese font Library--with fonts

Usage Notes:

If you have a font in the following fonts, want to apply to their own design of the page:

1. Click on the font to enter the details, then click on the use now:

2. It is clear that there are two ways to use and they are different, so there is no repetition here. Use for example in the raving CSS mode:

After clicking Generate:

It's good to add the corresponding content in the code.

As an example:

Effects in a Web page:

Okay, the above is today's summary.

Finally, the little voice-over: Why not rely on it to find work on the relevant content will also appear very strange. Today happens to get to these two new knowledge to think about it, anyway, after remembering it always useful to get the day.