In the last two days to find a suitable for programming with the same wide font, found a few good: "Bitstream Vera Sans Mono" and "Monaco", there is now the use of "Lucida Sans typewriter".
Bitstream Vera Sans Mono:For programming fonts, basically no shortcomings, "0Oo" can easily distinguish and so on. I also forgot why I had to replace him ...
Monaco:The Apple font is very nice. The main disadvantage is that the font is slender and the r
find any rules that can specify a specific font.
Think about the code that you saw around the world 10 years ago:
Font
Face
= "Frankin Gothic Book"
>
Lorem Ipsum
Font> Almost no one will consider that Frankin Gothic Book is a Windows only font. The font of Frankin Gothic Book is invisible on a Mac. The default font of Mac is used because the font cannot be found. As a result, the style of the webpage is completely different from that of the original one, and it cannot achieve the effect of
book is a font of Windows only. The Frankin Gothic Book font is not visible at all on a Mac, and the system is displayed using the default font of the Mac because it cannot find the font. As a result, the style of the Web page is completely different from the original, can not achieve the effect of Frankin Gothic book. So the concept of font set was put forward by the consortium, which makes a list of approximate fonts in order of precedence; The browser starts from the list header, knowing tha
style of the webpage is completely different from that of the original one, and it cannot achieve the effect of Frankin Gothic Book. So W3C proposed the concept of font set-to form a list of similar fonts in order of priority. The browser matches the list header and finds the first available font, and use this font to display.
For example, in the above example, we can create such a font set:
Let's see how the browser displays this text:
In Windows: the browser starts searching
result, the style of the webpage is completely different from that of the original one, and it cannot achieve the effect of Frankin Gothic Book. So W3C proposedFont setConcept-a list of similar fonts in the order of priority. The browser matches the first available font from the header of the list and displays the first available font.
For example, in the above example, we can create such a font set:
Let's see how the browser displays this text:
In Windows: the browser starts s
result, the style of the webpage is completely different from that of the original one, and it cannot achieve the effect of Frankin Gothic Book. So W3C proposedFont setConcept-a list of similar fonts in the order of priority. The browser matches the first available font from the header of the list and displays the first available font.
For example, in the above example, we can create such a font set:
Let's see how the browser displays this text:
In Windows: the browser starts s
...... You should be familiar with it.-Common fonts in Mac OS X
A typical installed Mac OS X 10.4 contains the following commonly used Spanish fonts (some of which are not listed ):
Sans-serif
Serif
Monospace
Helvetica
Times
Courier
Arial
Times New Roman
Courier New
Arial narrow
Georgia
Arial Black
Comic Sans MS
Gill Sans
Impact
Trebuchet MS
systems. Although it sounds simple, it is still a tricky thing. To solve this problem, you must first understand the fonts of common operating systems.
Below I will list some default fonts for common operations except Windows. Windows ...... You should be familiar with it. -Common fonts in Mac OS X
A typical installed Mac OS X 10.4 contains the following commonly used Spanish fonts (some of which are not listed ):
sans-serif
serif
monospace
Helv
systems. Although it sounds simple, it is still a tricky thing. To solve this problem, you must first understand the fonts of common operating systems.
Below I will list some default fonts for common operations except windows. Windows ...... You should be familiar with it.-Common fonts in Mac OS X
A typical installed Mac OS X 10.4 contains the following commonly used Spanish fonts (some of which are not listed ):
Sans-serif
Serif
Monospace
Helvetica
Times
Cour
css|xhtml| Standard | beginners | design
1, except the choice DOCTYPE statement must use the lowercase English letter to write。 These include mouse actions generated by Macromedia Dreamweaver, such as OnMouseOver, which must also be modified to OnMouseOver.
2. XHTML regulations require that all logos must have a beginning and an end. For example,
3. All XML tags must be nested properly。 If:
4. All attributes must be enclosed in quotation marks "". such as:
5, all For example: any less than
scalability and application of the site.
CSS is not the difference between the space and the case, the following is a summary of some basic
(1) Color value
Color values can be written in RGB values, such as: Color:rgb (255,0,0), or in hexadecimal, as in the example color: #FF0000. If the hexadecimal value is a pair of duplicates, the effect will be the same. For example: #FF0000可以写成 #f00. However, if you do not repeat, you can not abbreviate, for example, #fc1a1b must be written full six digits
. However, if you do not repeat, you can not abbreviate, for example, #fc1a1b must be written full six digits.3. Define FontsWeb standards recommend the following font definition methods:Body {font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, XXFarEastFont-Franklin, Sans-serif;
Fonts are selected in the order listed. If the user's computer contains Lucid
-width: 768px) and (max-device-width: 1024px) and (orientation: portrait ){/* Styles */}/* Export tops and laptops -----------*/@ Media only screen and (min-width: 1224px ){/* Styles */}/* Large screens -----------*/@ Media only screen and (min-width: 1824px ){/* Styles */}/* IPhone 4 -----------*/@ Media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5 ){/* Styles */}Source Code address: http://css-tricks.com/snippets/css/media-queries-for-stan
(PHP-FPM). The performance of Nginx in the above figure is about half of Apache, easy to explain. PHP Here is just a simple output string.
[font= ' Lucida Grande ', Verdana, Arial, Sans-serif] HelloWorld.txt
[font= ' Lucida Grande ', Verdana, Arial, Sans-serif]
[font= ' Lucida Grande ', Verdana, Arial, Sans-serif]
[font= '
(orientation:portrait) {* Styles * *}/* Desktops and laptops-----------* *@media only screen and (min-width:1224px) {* Styles * *}/* Large Screens-----------* *@media only screen and (min-width:1824px) {* Styles * *}* * IPhone 4-----------* *@media only screens and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {* Styles * *}
18. Modern Font stacks
* Times New roman-based Serif * *Font-family:cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Ro
the site.
Css is case-insensitive. Below are some basic summaries.
(1) color value
The color value can be written in RGB format, for example, color: rgb (, 0, 0) or hexadecimal format, just like color: # FF0000 in the preceding example. If the hexadecimal value is repeated in pairs, the effect is the same. For example, # FF0000 can be written as # F00. However, it cannot be abbreviated if it is not repeated. For example, # FC1A1B must be filled with six characters.
(2) define the font
The follo
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.