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>

最终效果

相关推荐
追逐梦想之路_随笔2 小时前
手撕Promise,实现then|catch|finally|all|allSettled|race|any|try|resolve|reject等方法
前端·javascript
张较瘦_2 小时前
前端 | 吃透CSS视觉特效:圆角、渐变、动画与变换核心解析
前端·css
Tzarevich2 小时前
Tailwind CSS:原子化 CSS 的现代开发实践
前端·javascript·css
借个火er2 小时前
React 19 源码揭秘(二):useState 的实现原理
前端
微爱帮监所写信寄信2 小时前
微爱帮监狱寄信写信小程序:深入理解JavaScript中的Symbol特性
开发语言·javascript·网络协议·小程序·监狱寄信·微爱帮
前端小臻2 小时前
RustFs 前端开发
javascript·vue.js·rustfs
syt_10132 小时前
js基础之-如何理解js中一切皆对象的说法
开发语言·javascript·原型模式
十五0012 小时前
若依集成微软单点登录(SSO)
javascript·microsoft
YaeZed2 小时前
Vue3-插槽slot
前端·vue.js