资讯专栏INFORMATION COLUMN

vue 项目中使用各种字体包

mindwind / 3458人阅读

摘要:项目中使用字体包需要提供后缀为的文件,打开在线字体生成器,上传后,点击立即生成,稍等一会之后,会下载压缩包,解压后即可使用以我自己的项目简单示例下项目结构中是用来放字体包文件文件夹下是文件和解压后的字体文件项目中引用字体文件即可使用

项目中使用字体包

需要提供后缀为.ttf的文件,打开在线字体生成器,上传.ttf后,点击立即生成,稍等一会之后,会下载压缩包,解压后即可使用

以我自己的项目简单示例下 项目结构中 /src/assets/font 是用来放字体包文件 font文件夹下是font.css文件和解压后的字体文件

项目main.js中引用字体文件

@import "./assets/font/font.css";

即可使用 over

##

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105705.html

相关文章

  • vue+webpack搭建的前端项目结构

    摘要:的代码如下状态管理使用的是官方推荐的项目结构里面是各模块的文件。结构如下模块页面页面组件的静态资源这次对项目结构重新整理后,开发的体验好了很多,也避免了多人修改同一份文件,经常覆盖的问题,也大大提高了可维护性。 上个项目第一次用到vue+webpack,也是我第一次尝试自动化、模块化的开发方式,总的来说就是结构太烂,开发体验差,效率低,难维护。细数的罪状有如下几条 没有servies...

    qiangdada 评论0 收藏0
  • electron + vue 实践项目

    摘要:在开发环境下,我是将获取的字体文件远程地址写进,这样解决了问题。 github地址 原文地址: http://wushaobin.top/2017/08/... 本地安装环境准备 安装node: * https://nodejs.org/en/download/ 配置webpack: npm install -g webpack(sudo权限) windows配置cnpm: ...

    makeFoxPlay 评论0 收藏0
  • vue开发看这篇文章就够了

    摘要:注意此处获取的数据是更新后的数据,但是获取页面中的元素是更新之前的钩子函数说明组件已经更新,所以你现在可以执行依赖于的操作。钩子函数说明实例销毁 Vue -渐进式JavaScript框架 介绍 vue 中文网 vue github Vue.js 是一套构建用户界面(UI)的渐进式JavaScript框架 库和框架的区别 我们所说的前端框架与库的区别? Library 库,本质上是一...

    fsmStudy 评论0 收藏0
  • 记自己一次vue基础实战:配置篇

    摘要:前言记录自己从基础学习实战,初入发表文章,望各位大佬口下留情不对之处还请大佬指点一下。在加载完后,你自己默认的浏览器自动打开配置界面新建项目。 1. 前言 记录自己从基础学习vue实战,初入发表文章,望各位大佬口下留情!不对之处还请大佬指点一下。 2. 新建,配置项目 1. 新建Vue-cli3.0脚手架的项目 在这里普及一下,什么是Vue-cli? Vue是一套用于构建用户界面的渐...

    NoraXie 评论0 收藏0

发表评论

0条评论

mindwind

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<