color font-size font-weight font-style text-decoration font-family text-indent_iOS

color font-size font-weight font-style text-decoration font-family text-indent_iOS_02

color font-size font-weight font-style text-decoration font-family text-indent_html_03

color font-size font-weight font-style text-decoration font-family text-indent_ci_04

color font-size font-weight font-style text-decoration font-family text-indent_ci_05

color font-size font-weight font-style text-decoration font-family text-indent_iOS_06

color font-size font-weight font-style text-decoration font-family text-indent_ci_07

color font-size font-weight font-style text-decoration font-family text-indent_iOS_08

color font-size font-weight font-style text-decoration font-family text-indent_html_09

color font-size font-weight font-style text-decoration font-family text-indent_html_10

color font-size font-weight font-style text-decoration font-family text-indent_html_11


color font-size font-weight font-style text-decoration font-family text-indent_html_12

color font-size font-weight font-style text-decoration font-family text-indent_html_13

​​阿里巴巴普惠字体​​

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
            @font-face {
            font-family: 'webfont';
            font-display: swap;
            src: url('//at.alicdn.com/t/webfont_4htubetci2k.eot'); /* IE9*/
            src: url('//at.alicdn.com/t/webfont_4htubetci2k.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('//at.alicdn.com/t/webfont_4htubetci2k.woff2') format('woff2'),
            url('//at.alicdn.com/t/webfont_4htubetci2k.woff') format('woff'), /* chrome、firefox */
            url('//at.alicdn.com/t/webfont_4htubetci2k.ttf') format('truetype'), /* chrome、firefox、opera、Safari,
            Android, iOS 4.2+*/
            url('//at.alicdn.com/t/webfont_4htubetci2k.svg#杨任东竹石体-Bold') format('svg'); /* iOS 4.1- */
            }
            h2{
                font-family: webfont ;
            }


        </style>
    </head>
    <body>
        <!-- 写出h内容 -->
        <h2>慕课</h2>

    </body>
</html>

color font-size font-weight font-style text-decoration font-family text-indent_html_14

color font-size font-weight font-style text-decoration font-family text-indent_ci_15

color font-size font-weight font-style text-decoration font-family text-indent_ci_16

color font-size font-weight font-style text-decoration font-family text-indent_iOS_17

color font-size font-weight font-style text-decoration font-family text-indent_html_18


color font-size font-weight font-style text-decoration font-family text-indent_iOS_19