zoukankan      html  css  js  c++  java
  • 前端项目要用自定义的字体,怎么破

    场景:新安装字体叫做 New-Font。并且你有了UI给你发的新字体文件.ttf类型的

    1. 本地电脑(注意,不是浏览器)安装自定义字体New-Font;

        打开电脑,在文件夹最上面的路径框里输入 “控制面板所有控制面板项字体”,回车!看到如下图,把新字体文件拷贝到这里(拖进去)

    2. 在前端项目的src/styles/font/拖入新字体文件,如:New-Font.ttf;

    3. 在App.css中写样式定义新字体:

    @font-face{
        font-family: 'New Font'; //新字体名称
        src: url('./styles/font/New-Font.ttf') format('truetype'), //引入路径
    }
    4.在App.css中写样式,给label用新字体测试:
    label {
        font-family: 'New Font',-apple-system, BlinkMacSystemFont;
    }
    5.查看效果
  • 相关阅读:
    javascript基础
    杂谈
    六大设计原则
    MVC的理解
    不错的资源哦
    平时你从哪里获取前端知识?
    网站背景平铺
    js 获取节点
    自适应后的页面用户点击后会放大
    innerHTML的运用
  • 原文地址:https://www.cnblogs.com/xxiaonian/p/14586461.html
Copyright © 2011-2022 走看看