information.
If you divide it by the glyph, the font can be divided into:
Lining Line (serif)Non-liner (Sans-serif)Equal-width font (monospace)Writing body (cursive)Dream Body (Fantasy)Note: "Serif" means "foot", "adornment", and "sans" comes from French, which means "none".
The common lining has the following, and the end of the glyph has "feet":
The most common non liner lines are:
And what fonts are involved in the system? When we want to
Howdy is applied to serif and sans-serif fonts in web design. Hello, everyone. It's me again ~
The last time we briefly talked about the font set and some basic issues that need attention. Today, we will continue to talk about the general font family mentioned last time ". The first is the most commonly used general font family serif and sans-serif.
-Serif
Serif indicates the font of the linefeed in terms
If you want to use some good-looking fonts on your site, always have to do it in PS first. Although this can also achieve the effect we want, but this increased the HTTP request (if used in many places), even if all the pictures, but also bad management, flexibility is not high, which day want to change a more good-looking font, that workload, think all boring! Luckily, CSS3 has added @font-face module, which helps us to easily address the way elegant
Before, if you want to use some good-looking fonts on your website, always have to be in the PS first to do the font image. Although this can achieve the effect we want, but this increases the HTTP request (if used in multiple places), even if you merge all the pictures, it is not good management, flexibility is not high, which day want to change a more beautiful font, the workload, think it is boring! Fortunately, CSS3 has added @font-face module to
Although we can use the image, Flash, SIFR and other technologies to achieve Web pages using special fonts, SEO Web pages embed special font methods, @font-face properties. Usually the page can not use some special fonts, otherwise the browser may not be able to browse correctly, although we can use pictures, Flash, SI
replaced!
Layer Shadow
CSS3 introduces a layer shadow, so it's easy to add a projection. But also support the text!
As with the gradient, there is no need to modify the picture effect, directly with the use of CSS can be easily implemented.
Multiple backgrounds
CSS3 the introduction of multiple backgrounds provides a highly layered background effect, extremely wonderful.
Opacity (RGBA)
IE9 up compatible, finally do not have to make a duplicate transparent image. This is why I
Today, web designers pay great attention to the use of Web Fonts. To make websites more readable and attractive, they need more beautiful fonts. Google Web Fonts provides hundreds of free open-source
1, in the HTML direct application of special font
Http://blog.sina.com.cn/s/blog_66b67ab00101htnk.html
2, PHP will be processed into the text of the source code (no scrutiny, anyway know the idea can be)
Http://www.jb51.net/article/70097.htm
Obviously, the above Method 1: The required font file is too large, seriously affecting the speed. Method 2: Make full use of the functions of PHP GD2 function library, but to which text into the picture has a certain limit, inflexible
Then consider how
Design | Web Page | questions
You may be building your own online-web page, or it has been placed in a corner of your network. For whatever purpose you want to have more guidance, tell you how to decorate your home better.
In many of the current guidance, they are saying, should add a little voice or a space to speak. Sure we all need it, but I want to care more about the bottom of the
Web page
You may be building your own online-web page, or it has been placed in a corner of your network. For whatever purpose you want to have more guidance, tell you how to decorate your home better.
In many of the current guidance, they are saying, should add a little voice or a space to speak. Sure we all need it, but I want to care more about the bottom of the web
From July 14 to 19th, on TypeCon 2009, held in Atlanta, people discussed how to embed fonts in the Web (Web font embedding:the New State of the debate), for this meeting, there are the following twit ter messages can be found in the @typographica of Stephen Coles and the @splorp of Grant Hutchinson.
What do Web desi
@font-face {font-family: ' Icomoon ';/* Custom font name */src:url ('.. /fonts/icomoon.eot?rretjt ');/* The path of the custom font */src:url ('.. /fonts/icomoon.eot? #iefixrretjt ') format (' Embedded-opentype '), url (' ... /FONTS/ICOMOON.WOFF?RRETJT ') format (' Woff '),/*format for font format facilitates browser recognition */url ('.. /
define Chinese font for mobile phone without special requirement, use system default
English fonts and digital fonts can be used Helvetica, three kinds of systems are supported
Code:
12
/* 移动端定义字体的代码 */body{font-family:Helvetica;}
GondorSource: http://peunzhang.cnblogs.com/PS: In addition, on the mobile side of the font units, REM is quite easy to use, but also to
definition statement of the font is: The default browser-defined standard font is the Chinese Arial and English Times New Roma font. That is, if you don't have any fonts set, the page will appear in both of these standard fonts. At the same time, two of fonts can be displayed correctly in any operating system or browser.Windows has also brought in more than 40 E
Overview: 1. How to use Icomoon to convert vectors to Web fonts; 2. Use the generated fonts to apply CSS to Web pages.advantages of using font iconsWhat are the advantages of font icons over bitmaps, in addition to image sharpness?
Applicability: an icon font is smaller than a series of images (especially if y
does not support Microsoft Black
No need to define Chinese font for mobile phone without special requirement, use system default
English fonts and digital fonts can be used Helvetica, three kinds of systems are supported
Code:/* Code */body{font-family:helvetica for the mobile-defined font;} GondorSource: http://peunzhang.cnblogs.com/PS: In addition, on the mobile side of the font units, REM
There is nothing more important in developing a Web application than it looks. So, I wouldn't be surprised to find that designers are very concerned about fonts and font sizes!
When designing a network application, you must decide how to edit the font. There are a number of options when using CSS , and each developer has its own preferences. This article mainly discusses the font size and the operation wit
There is nothing more important in developing a Web application than it looks. So, I wouldn't be surprised to find that designers are very concerned about fonts and font sizes!
When designing a network application, you must decide how to edit the font. There are a number of options when using CSS, and each developer has its own preferences. This article mainly discusses the font size and the operation with
In webpage design, the designer adds some fonts with special effects to make the page more beautiful. However, the visitor's system generally does not have these fonts installed, so using the font-family attribute to define these special fonts won't work, so people come up with a lot of solutions. Today we will introduce one of the Cufon solutions.Definition and
Article Description: when we build a website, we usually start with the definition text. The body definition shows how wide your main bar is, and the size of the other columns is defined by its own content. Until recently, the various screen resolutions were more or less homogeneous. Today, we're dealing with a variety of screen sizes and resolutions. This makes processing more complex.
When we build a website, we usually start with the definition text. The body definition shows how
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.