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:<link href='http://fonts.googleapis.com/css?family=Eater' rel='stylesheet' type='text/css' /> 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'/> ... <!-- other HTML code --> ... 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
Recommend
HTML Tutorial: HTML horizontal line segment
<br />This tag can display a horizontal line...
Summary of new usage of vi (vim) under Linux
I have used the vi editor for several years, but ...
Detailed explanation of data types and schema optimization in MySQL
I'm currently learning about MySQL optimizati...
Specific operations of MYSQL scheduled clearing of backup data
1|0 Background Due to project requirements, each ...
How to build a SOLO personal blog from scratch using Docker
Table of contents 1. Environmental Preparation 2....
Summary of shell's method for determining whether a variable is empty
How to determine whether a variable is empty in s...
JavaScript to implement random roll call web page
JavaScript writes a random roll call webpage for ...
JS Decorator Pattern and TypeScript Decorators
Table of contents Introduction to the Decorator P...
How to use HTML form with multiple examples
Nine simple examples analyze the use of HTML form...
A brief discussion on whether MySQL can have a function similar to Oracle's nvl
Use ifnull instead of isnull isnull is used to de...
Three ways to forward linux ssh port
ssh is one of the two command line tools I use mo...
How to use a field in one table to update a field in another table in MySQL
1. Modify 1 column update student s, city c set s...
How to view files in Docker image
How to view files in a docker image 1. If it is a...
Vue method to verify whether the username is available
This article example shares the specific code of ...
How to install MySQL 8.0.13 in Alibaba Cloud CentOS 7
1. Download the MySQL installation package (there...