51问答网 > html常用的字体样式

html常用的字体样式

2024-12-12 11:45:52
推荐回答（5个）
回答1：

font-family:'Microsoft YaHei'。

1、网页字体样式华文黑体：STHeiti

2、网页字体样式华文楷体：STKaiti

3、网页字体样式华文宋体：STSong

4、网页字体样式华文仿宋：STFangsong

5、网页字体样式黑体：SimHei

6、网页字体样式宋体：SimSun

7、网页字体样式新宋体：NSimSun

8、网页字体样式仿宋：FangSong

9、网页字体样式楷体：KaiTi

10、网页字体样式仿宋_GB2312：FangSong_GB2312

11、网页字体样式楷体_GB2312：KaiTi_GB2312

12、网页字体样式微软正黑体：Microsoft JhengHei

13、网页字体样式微软雅黑体：Microsoft YaHei

14、网页字体样式隶书：LiSu

15、网页字体样式幼圆：YouYuan

16、网页字体样式华文细黑：STXihei

17、网页字体样式华文楷体：STKaiti

18、网页字体样式华文宋体：STSong

19、网页字体样式华文中宋：STZhongsong

20、网页字体样式华文仿宋：STFangsong

21、网页字体样式方正舒体：FZShuTi

22、网页字体样式方正姚体：FZYaoti

23、网页字体样式华文彩云：STCaiyun

24、网页字体样式华文琥珀：STHupo

25、网页字体样式华文隶书：STLiti

26、网页字体样式华文行楷：STXingkai

27、网页字体样式华文新魏：STXinwei

扩展资料

html内容描述

最大的标题（一号标题）

 预先格式化文本 （英文全称：PREformatted）


 下划线（英文全称：Underline）


 黑体字 （英文全称：Bold）


 斜体字 （英文全称：Italics）


打字机风格的字体


引用，通常是斜体


 强调文本（通常是斜体加黑体、英文全称：EMphasize）


 加重文本（通常是斜体加黑体）


 设置字体大小从1到7，颜色使用名字或RGB（中文全称：红绿蓝）的十六进制值


基准字体标记


 字体加大


 字体缩小


 加删除线


程式码


键盘字（英文全称：KeyBoarD）


 范例（英文全称：SAMPle）


 变量（英文全称：VARiable）


 向右缩排（向右缩进、块引用）


 述语定义（英文全称：DeFiNe）


地址标记


 上标字 （英文全称：SUPerscript）


 下标字（英文全称：SUBscript）


...；固定宽度字体（在文件中空白、换行、定位功能有效）


...</plaintext>；固定宽度字体（不执行标记符号）</p>
<p><listing>...</listing> 固定宽度小字体</p>
<p><font color=00ff00>...</font>；字体 颜色</p>
<p><font size=1>...</font>；字体 大小等于1（最小）。</p>
<p><font style =&#39;font-size:100 px&#39;>...</font>；字体 样式等于无限增大（100像素）</p>
<p>参考资料：百度百科：HTML</p></p>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                                <div class="wdhdnr">
                    <div class="huidanrtop">
                        <div class="wdhuidaxinx">
                            <div class="wdhuidaxm">回答2：</div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="wdhuidanrmid">
                        <div class="zuijiacont">
                            <p>font-size:12px;<br> line-height:150%;<br> background:#fff<br> text-align:center;<br> color:#333;<br> font-family:"宋体" 我一般就这样写，不会去指定字体为其它类型，因为如果浏览者的机器没有安装你使用的特殊字体类型，如“sans-serif”，那么会导致下面的样式无法解释。不过你也可以这样写font-family:sans-serif,宋体;</p>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                                <div class="wdhdnr">
                    <div class="huidanrtop">
                        <div class="wdhuidaxinx">
                            <div class="wdhuidaxm">回答3：</div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="wdhuidanrmid">
                        <div class="zuijiacont">
                            <p>属性名 ：font   含义：在一个声明中设置字体的所有样式属性举例：font:bold 12px 宋体;应用场合：常用语字体样式的缩写 属性名：font-family含义：定义字体类型举例：font-family:宋体;应用场合：定义字体样式 属性名：font-size含义：定义字体大小举例：font-size:12px;应用场合：定义字体样式 属性名：font-weiht含义：定义字体粗细举例：font-weiht:bold;应用场合：定义字体样式 属性名：line-spacing含义：定义字体间间隙举例：line-spacing:5px;应用场合：定义字体样式 基本就这些吧，详细可以去参考html帮助手册</p>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                                <div class="wdhdnr">
                    <div class="huidanrtop">
                        <div class="wdhuidaxinx">
                            <div class="wdhuidaxm">回答4：</div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="wdhuidanrmid">
                        <div class="zuijiacont">
                            <p>最常用的就是宋体...<br>其他的字体,如果浏览者机器上没有的话,是显示不出来的.<br>另外,ps等图片处理软件的字体在图片上的效果和在网页上的是不同的.</p>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                                <div class="wdhdnr">
                    <div class="huidanrtop">
                        <div class="wdhuidaxinx">
                            <div class="wdhuidaxm">回答5：</div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="wdhuidanrmid">
                        <div class="zuijiacont">
                            <p>一般现在的电脑都支持微软雅黑的字体font-family:"Microsoft YaHei", Verdana, Geneva, sans-serif;在ie7以上，火狐，谷歌，opera，safair都是最理想最容易被接受的字体。ie6因为没有抗锯齿，所以使用Verdana或者宋体效果会比较理想。</p>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                
            </div>
        </div>

        <div class="wendaright">
            <div class="wdluluerwema">
                <div class="wdxgwttop">相关问答</div>
                <div class="wdxgwtnr">
                                    </div>
                <div class="clear"></div>
            </div>



            <!-- 其他随机问答['id'=>alphaID($like['zid'])] -->
            <div class="wdluluerwema">
                <div class="wdxgwttop">最新问答</div>
                <div class="wdxgwtnr">
                                            <div class="wdxgwtcont">
                            <div class="wdxgtitle"><a href="https://www.51a.net/2080377704174051508.html">让你如何快速成为网红？</a></div>
                        </div>
                                            <div class="wdxgwtcont">
                            <div class="wdxgtitle"><a href="https://www.51a.net/139938054.html">从元素周期表看出原子结构图</a></div>
                        </div>
                                            <div class="wdxgwtcont">
                            <div class="wdxgtitle"><a href="https://www.51a.net/205493869.html">frontpage2003 鼠标移上去切换图片（flash？）</a></div>
                        </div>
                                            <div class="wdxgwtcont">
                            <div class="wdxgtitle"><a href="https://www.51a.net/280329754.html">关于口袋妖怪黑白对战出招顺序的问题</a></div>
                        </div>
                                            <div class="wdxgwtcont">
                            <div class="wdxgtitle"><a href="https://www.51a.net/333151764.html">典心言情小说无删除版 全集</a></div>
                        </div>
                                            <div class="wdxgwtcont">
                            <div class="wdxgtitle"><a href="https://www.51a.net/144722370.html">求一款把字幕内嵌入视频的软件</a></div>
                        </div>
                                            <div class="wdxgwtcont">
                            <div class="wdxgtitle"><a href="https://www.51a.net/1836563349262325820.html">什么是失能收入损失保险？</a></div>
                        </div>
                                            <div class="wdxgwtcont">
                            <div class="wdxgtitle"><a href="https://www.51a.net/549057332.html">溪洛渡水电站项目强制性目标是什么</a></div>
                        </div>
                                            <div class="wdxgwtcont">
                            <div class="wdxgtitle"><a href="https://www.51a.net/160357380.html">U盘进水了怎么办？还能用吗？</a></div>
                        </div>
                                            <div class="wdxgwtcont">
                            <div class="wdxgtitle"><a href="https://www.51a.net/178656279.html">山地车行家帮忙看看一下配置要多少钱</a></div>
                        </div>
                                    </div>
            </div>


        </div>
        <div class="clear"></div>
        <div class="footer">
            <!-- 移动底部导航 -->
            <div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://www.51a.net/static/old/img/fhtop.png" alt="返回顶部" title="返回顶部"></a></div>
            <div class="dibu">
                <div class="dibu">



                </div>
            </div>
            <div class="banquan">
                <p>内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024</p>

            </div>
        </div>
    </div>
</div>

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?aa60e2f779ee696abd6a207eac06903d";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</body>
</html>