字体大全及表格技巧

最新推荐文章于 2024-09-22 20:56:46 发布

-布谷鸟-

最新推荐文章于 2024-09-22 20:56:46 发布

阅读量1.8k

点赞数

文章标签： fonts reference microsoft table scroll ui

本文链接：https://blog.csdn.net/cuckoo1/article/details/3339940

版权

<html>
<head>
<title>Gu Laicheng, Font Family,2008.1.23 </title>
<style>
body {font-size:12}
table {font-size:30;background="#337"}
th {font-size:18;background="#77F"}
td {background="#EEF"}
#altf {background="#FAA"; font-size:14; color:#00F;}
</style>
<script>
fonts=new Array(
"21TH2.FON",
"21TH2B.FON",
"21TH4.FON",
"21TH9.FON",
"Arial Black",
"Arial Bold Italic",
"Arial Bold",
"Arial Italic",
"Arial Narrow Bold Italic",
"Arial Narrow Bold",
"Arial Narrow Italic",
"Arial Narrow",
"Arial",
"Basemic Symbol",
"Basemic Times",
"Basemic",
"Batang & BatangChe & Gungsuh & GungsuhChe",
"Book Antiqua Bold Italic",
"Book Antiqua Bold",
"Book Antiqua Italic",
"Book Antiqua",
"Bookman Old Style Bold Italic",
"Bookman Old Style Bold",
"Bookman Old Style Italic",
"Bookman Old Style",
"Bookshelf Symbol 7",
"Century Gothic Bold Italic",
"Century Gothic Bold",
"Century Gothic Italic",
"Century Gothic",
"Comic Sans MS Bold",
"Comic Sans MS",
"Courier 10,12,15",
"Courier New Bold Italic",
"Courier New Bold",
"Courier New Italic",
"Courier New",
"Estrangelo Edessa",
"Franklin Gothic Medium Italic",
"Franklin Gothic Medium",
"Garamond Bold",
"Garamond Italic",
"Garamond",
"Gautami",
"Georgia Bold Italic",
"Georgia Bold",
"Georgia Italic",
"Georgia",
"Gulim & GulimChe & Dotum & DotumChe",
"Haettenschweiler",
"IFontb.fon",
"Ifonts.fon",
"Impact",
"Kartika",
"Kingsoft Phonetic",
"Latha",
"Lucida Console",
"Lucida Sans Demibold Italic",
"Lucida Sans Demibold Roman",
"Lucida Sans Italic",
"Lucida Sans Regular",
"Lucida Sans Unicode",
"Mangal",
"Microsoft Sans Serif",
"MingLiU & PMingLiU",
"Modern",
"Monotype Corsiva",
"MS Gothic & MS PGothic & MS UI Gothic",
"MS Mincho & MS PMincho",
"MS Reference Sans Serif",
"MS Reference Specialty",
"MS Sans Serif 8,10,12,14,18,24",
"MS Serif 8,10,12,14,18,24",
"MS-DOS CP 437",
"MS-DOS CP 949",
"Mv Boli",
"Palatino Linotype Bold Italic",
"Palatino Linotype Bold",
"Palatino Linotype Italic",
"Palatino Linotype",
"Phonetic.fon",
"Phoneticb.fon",
"Phoneticu.fon",
"Raavi",
"Roman",
"Script",
"Shruti",
"SimHei",
"SimSun & NSimSun",
"Small Fonts",
"Sylfaen",
"Symbol 8,10,12,14,18,24",
"Symbol",
"Tahoma Bold",
"Tahoma",
"Times New Roman Bold Italic",
"Times New Roman Bold",
"Times New Roman Italic",
"Times New Roman",
"Trebuchet MS Bold Italic",
"Trebuchet MS Bold",
"Trebuchet MS Italic",
"Trebuchet MS",
"Tunga",
"Verdana Bold Italic",
"Verdana Bold",
"Verdana Italic",
"Verdana",
"Vrinda",
"Webdings",
"Wingdings 2",
"Wingdings 3",
"WingDings",
"WST_Czec",
"WST_Engl",
"WST_Fren",
"WST_Germ",
"WST_Ital",
"WST_Span",
"WST_Swed",
"ZWAdobeF",
"方正舒体",
"方正姚体",
"仿宋体",
"黑体",
"华文彩云",
"华文仿宋",
"华文细黑",
"华文新魏",
"华文行楷",
"华文中宋",
"楷体",
"隶书",
"宋体 & 新宋体",
"宋体-方正超大字符集",
"幼圆");
</script>
</head>
<body scroll=no>
字体大全: &#xxx; - 谷来成, 2008.1.23<br/>
1,可以选择所有系统字体(最后一列显示选择字体); 2,拖动字体，表头固定不动。
<select id=fnt align=right>
<script>
for (v in fonts)
{
  document.write("<option value='"+fonts[v]+"'>"+fonts[v]);
  document.write("</option>");
}
</script>
</select>
<hr>
<div style="position:absolute;left:10;top:65;width:983;height:530;overflow:auto;">
<table width="100%">
<col width='15%'>
<col width='11%'>
<col width='11%'>
<col width='11%'>
<col width='11%'>
<col width='15%'>
<col width='15%'>
<col width='11%'>
<tr><th>ASCII</th><th>Arial</th><th>Symbol</th><th>Webdings</th><th>Wingdings</th><th>Wingdings 2</th><th>Wingdings 3</th><th id=altf nowrap>Script</th></tr>
</table>
</div>
<div style="position:absolute;left:10;top:91;width:1000;height:500;overflow:auto;">
<table width="100%">
<col id=col11 width='15%' align=center>
<col id=col12 width='11%' align=center style="font-family:'Arial';">
<col id=col13 width='11%' align=center style="font-family:'Symbol';">
<col id=col14 width='11%' align=center style="font-family:'Webdings';">
<col id=col24 width='11%' align=center style="font-family:'Wingdings';">
<col id=col15 width='15%' align=center style="font-family:'Wingdings 2';">
<col id=col25 width='15%' align=center style="font-family:'Wingdings 3';">
<col id=col22 width='11%' align=center style="font-family:'Script';">
<script>
for(var i=32;i<=255;i++)
{
  document.write("<tr><td>&#"+i+";</td>");
  for(var j=0;j<=6;j++)
  {
   document.write("<td>&#"+i+";</td>");
  }
  document.write("</tr>");
}
</script>
</table>
</div>
<script>
function fnt.onchange(){
alert(fnt.value);
col22.style.cssText="font-family:'"+fnt.value+"';"
altf.innerText=fnt.value.substr(0,12);
}
</script>
</body>
</html>