特此定义几款网页常用的CSS字体集

2024-09-05 12:17:03

字体：大中小

来源：转载

供稿：网友

从别处看了相关的资料，特此定义了WEB上常用的网页字体集，CSS不符合你要求的，自己修改下，觉得这些字体集都是经常用到的，现在定义好了，你拿去只管用了，挺方便的。友情提示，很多定义只有在英文下起作用。

<html><head><title></title><style>/* The Times New Roman-based serif stack: */.font1{font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;} /* A modern Georgia-based serif stack:*/.font2{font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;} /*A more traditional Garamond-based serif stack:*/.font3{font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;} /*The Helvetica/Arial-based sans serif stack:*/.font4{font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;} /*The Verdana-based sans serif stack:*/.font5{font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;} /*The Trebuchet-based sans serif stack:*/.font6{font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;} /*The heavier “Impact” sans serif stack:*/.font7{font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;} /*The monospace stack:*/.font8{font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;}</style></head><body><div class="font1">武林网 www.baidu.com</div><div class="font2">武林网 www.baidu.com</div><div class="font3">武林网 www.baidu.com</div><div class="font4">武林网 www.baidu.com</div><div class="font5">武林网 www.baidu.com</div><div class="font6">武林网 www.baidu.com</div><div class="font7">武林网 www.baidu.com</div><div class="font8">武林网 www.baidu.com</div></body></html>

上一篇：一段CSS对pre标签的定义，可强制中文换行

下一篇：传说中的纯CSS圆角代码