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

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

    Web开发

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

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

    web前端:vue项目引入外部字体_UI设计_交互设计_界面设计_课课家

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

课课家教育

未登录