web前端：vue项目引入外部字体

作者:星空1993更新于： 2020-03-05 11:39:31

　　ui设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即UserInterface(用户界面)的简称。

　　1、UI设计图有"华文黑体"，担心客户端没有该字体，将"huawen.ttf"字体文件，放入项目中：

　　2、创建一个font.scss（或font.css）文件：

　　@font-face{

　　font-family:'huawen';//重命名字体名

　　src:url('huawen.ttf');//引入字体

　　font-weight:normal;

　　font-style:normal;

　　}

　　3、在main.js中引入

　　import'@/common/css/font.scss';

　　4、就可以直接使用了：

　　div{

　　font-family:'huawen';

　　}

　　在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如:对于科学用户和对于电脑入门用户的设计重点就不同。