Tham khảo tài liệu 'html & css: the complete reference- p14', công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả | 626 Part II Core Style Figure 6-1 Media queries in action Web Fonts An exciting change that some incorrectly think was introduced by CSS3 is the inclusion of Web fonts. In reality downloadable fonts using CSS and even HTML have been available in browsers since the generation though with the demise of Netscape only Internet Explorer continued to support them until their later reintroduction in more modern browsers. Regardless of their origin the syntax is fairly consistent. An at @ rule is used to associate a font name to be used in a style sheet with some downloadable font. A fontfamily property is used within the rule to name the font and an src is associated with an external font name @font-face font-family fontname src url fontfile Later the font can be used as a name within properties like font-family and font. Make sure to specify other font names as a fallback in case downloadable font technology is not supported or the font fails to load for some reason. As an example @font-face font-family handwriting src url body font-family handwriting cursive font-size 5em r- r-s r i i n a__ _ir xi_ x __i _ Chapter 6 CSS3 Proprietary and Emerging Features Reference 627 Media Query Description Support max min Allowed Values Example s aspect-ratio The ratio of the width to the height of the media. Yes Integer Integer media screen and aspectratio 640 480 color Describes the number of bits of color the device supports or 0 if no color is supported. A presence value can be used to simply see if color is supported. Yes Integer media all and color media all and min-color 16 color-index Describes number of entries in the color lookup table of the output device or 0 if color is not supported. Yes Integer media screen and colorindex 256 deviceaspect-ratio The ratio of the device width to the device height of the media. Yes Integer Integer media screen and deviceaspect-ratio 1024 768 deviceheight Describes the height of the .
