Web designers often encounter a problem, that is, fonts are not enough. Ordinary designers may not care about fonts very much, but fonts do have a great influence and difference on the image conveyed by the overall webpage. In traditional CSS fonts -For family design, common fonts such as serif and sans-serif are relatively unproblematic , but if you want to design a more special font, you are worried that if the font is not available on the computer of netizens, the layout will not meet the expected appearance Effect, what should I do?
Google has already thought about this problem for you! The launch of Google Web Fonts is to help you solve this problem. Google Web Fonts now has more than 500 special fonts on the website. You can choose your favorite font and add it to the web page. Google Web Fonts provides import or JavaScript. The grammar allows you to embed it in a web page, even if the user’s computer does not have the font, it can still be displayed normally. This can be said to be a perfect solution for Web Fonts!
Google Web Fonts
http://www.google.com/webfonts
first select the font you want to use, and then select the Quick-use option, then you can see some information about the font you selected, such as loading speed Impact on page load time, embedded syntax or usage, etc., as shown in the figure below.
You can choose Standard mode, which is the technique of externally connecting CSS, or you can choose syntax such as import or JavaScript, which will be directly applied to your font after being embedded in the webpage. It does not matter whether the operating system of the netizen is Windows XP, Win 7 or iOS. , Because Google Web Fonts will load the font you choose when the netizens open the web page, but in order to avoid any unsuccessful loading, it is better to add common fonts!
Post a Comment
0 Comments