字体样式

2021-06-08 22:05:09 阅读：139 来源： 互联网

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            
            .p1{
                /*设置字体颜色,使用color来设置文字的颜色*/
                color: red;
                /*
                 * 设置文字的大小,浏览器中一般默认的文字大小都是16px
                     font-size设置的并不是文字本身的大小，
                         在页面中，每个文字都是处在一个看不见的框中的
                         我们设置的font-size实际上是设置格的高度，并不是字体的大小
                         一般情况下文字都要比这个格要小一些，也有时会比格大，
                         根据字体的不同，显示效果也不能    
                 * */
                font-size: 30px;
                
                /*
                 * 通过font-family可以指定文字的字体
                 *     当采用某种字体时，如果浏览器支持则使用该字体，
                 *         如果字体不支持，则使用默认字体
                 * 该样式可以同时指定多个字体，多个字体之间使用,分开
                 *     当采用多个字体时，浏览器会优先使用前边的字体，
                 *         如果前边没有在尝试下一个
                 */
                /*font-family: arial , 微软雅黑;*/
                
                /*
                 * 浏览器使用的字体默认就是计算机中的字体，
                 *     如果计算机中有，则使用，如果没有就不用
                 * 
                 * 在开发中，如果字体太奇怪，用的太少了，尽量不要使用，
                 *     有可能用户的电脑没有，就不能达到想要的效果。
                 */
                /*font-family: 华文彩云 , arial , 微软雅黑;*/
                
                font-family: "curlz mt";
                
            }
            
        </style>
    </head>
    <body>
        
        <p class="p1">
            我是一个p标签，ABCDEFGabcdefg
        </p>
        
    </body>
</html>

标签：文字,浏览器,family,样式,字体,设置,font
来源： https://www.cnblogs.com/juham/p/14864612.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

字体样式