Discover how to add custom font to website, include the articles, news, trends, analysis and practical advice about how to add custom font to website on alibabacloud.com
A lot of people just mention the @font face rules, the heart will involuntarily "oh ~ ~" the sound: "this i know, can be used to generate custom characters small icon!" "the thing is, The problem is that a lot of people think that creating a small
Article Description: A guide to the method of font substitution for web designers.
Before this article: The dilemma of Chinese web fonts
When designers abroad happily discuss how to replace fonts without images, when Google proudly to
Apple has a lot of work to do with development, but no matter how much effort there is on a platform, there are still some requirements that cannot be covered, such as fonts. In order to be more personalized, we will need different fonts, sometimes
1. What is a fontFont is the outer form of text, is the style of the text, is the coat of text. such as running script, regular script, cursive, are a kind of font. The same word will be different for everyone to write, it can be said that everyone
First, the Web font
1.1. What is Font-face
1.2. Font-face Advantages
1.3. Font format
1.4. Using @font-face
1.4.1, download fonts
1.4.2, using Font-face to bring fonts into the web
1.4.3, applying
In the mobile phone web App project, often encounter small icons on the phone to show a more ambiguous problem, after the practice found a better solution, the icon font.
In the micro-community project, there are many small icon (icons), such as
This article was reproduced from: http://isux.tencent.com/icon-font.htmlIn the mobile phone-side web App project, often encounter small icons on the phone to display a more ambiguous problem, through the practice found a better solution, icon font.
CSS Cascading Style sheets can be more granular to the page style settings, of course, some people like the font of custom text, but the default font-family built-in font style is only a few.650) this.width=650; "src=" http://s3.51cto.com/wyfs02/M01/
Beginners may be more accustomed to using some beautiful pictures as the background of their own web pages. However, they can browse large commercial websites, you will find that they use more white, blue, and yellow, making the webpage look elegant,
1: Get the font file
Download font files from a variety of sources TTF, website or from other IPA. (Take Fzltxh.ttf as an example)
2: Copy the Fzltxh.ttf file to the project
3: Add items to Info.plist:
Fonts provided by Application (uiappfonts)
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.