CSS引入外部第三方字体

推荐的大量免费的字体网站

html 代码展示

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .testcss {
            /*使用你自己的字体*/
            font-family: testName;
            font-style: oblique;
            font-size: 29px;
            font-weight: 900;
            color: rgb(32, 97, 228);
        }

        /*使用前必须先定义*/
        @font-face {
            /* 字体名称随意起 */
            font-family: testName;
            /*你下载字体所在的位置*/
            src: url('您下载的字体url地址');
        }
    </style>
</head>

<body>

    <div class="testcss">

        测试test
    </div>
</body>

</html>

最终效果

相关推荐
彧翎Pro27 分钟前
基于 RO1 noetic 配置 robosense Helios 32(速腾) & xsense mti 300
前端·jvm
小码哥_常38 分钟前
解锁系统设置新姿势:Activity嵌入全解析
前端
之歆1 小时前
前端存储方案对比:Cookie-Session-LocalStorage-IndexedDB
前端
哟哟耶耶1 小时前
vue3-单文件组件css功能(:deep,:slotted,:global,useCssModule,v-bind)
前端·javascript·css
是罐装可乐1 小时前
深入理解“句柄(Handle)“:从浏览器安全到文件系统访问
前端·javascript·安全
华科易迅1 小时前
Vue如何集成封装Axios
前端·javascript·vue.js
康一夏1 小时前
Next.js 13变化有多大?
前端·react·nextjs
糖炒栗子03261 小时前
前端项目标准环境搭建与启动
前端
不是az1 小时前
CSS知识点记录
前端·javascript·css
爱分享的阿Q2 小时前
GPT6-Spud-AGI前夜的豪赌
前端·easyui·agi