1.第一步,选择自己想要的图标字体,添加入库. 2.选择下载代码. 3.我们可以发现,有如下的代码被下载下来了. 4.我们选择iconfont.css放到自己的文件夹中. 5.然后我们根据下载下来html对应的类名,放在i标签里面或者span里面即可得到相应的样式. 6.如果想更改字体大小或者颜色,我们可以额外进行添加样式进去. -----------------------------------------END----------------------------------------

在微信小程序中使用阿里字体图标 ,不通过转换成base64的方式实现. 为了美化微信小程序,可以适当的使用一些小图标,这样体验也更友好些,于是决定使用常用的字体图标. 下载图标 首先在阿里字体图标查找你所需要的图标,然后"添加入库"(类似加入购物车那种)添加至项目(没有项目选择新建项目) 选择unicode,点击"查看在线链接"复制里面的代码 点击"下载至本地",解压压缩包编辑iconfont.css,将下面标注的内容替换为刚才复制的代码 微信小

第一步 在app.vue中引入阿里字体图标库 第二步 在任意页面使用就可以了 <view class="item" v-for="(value,index) in iconType" :key="index"> <icon class="icon-link iconfont" size="26"/> <text>分析</text> </view>

第一步,下载.IcoMoon网站选择字体图标并下载,解压后将fonts文件夹放在工程目录下.fonts文件夹内有四种格式的字体文件: 注:由于浏览器对每种字体的支持程度不一致,要想在所有浏览器中都显示字体图标,必须同时引入这些字体文件. 第二步,使用@font-face规则.在样式文件中自定义字体 @font-face{ font-family:'imooc-icon';/*自己取的名称*/ src:url("fonts/icomoon.eot") format("embed

用字体在网页中画ICON图标有三种小技巧: 1.用CSS Sprite在网页中画小图标 实现方法: 首先将小图片整合到一张大的图片上 然后根据具体图标在大图上的位置,给背景定位.background-position:xpos ypos;相对位置为左上角的 0 0,向右向下取负值 实例部分的html代码及js代码(通过js来改变背景图的位置) <ul class="sprite"> <li> <s class="s-icon">&

上次在网上找了一个在阿里云Centos7.6中部署nginx1.16+uwsgi2.0.18+Django2.0.4的文档,可能是这个文档不是最新版的,安装的时候遇到了很多问题, 最后跟一个大神要了一个最新的配置文档,配置简单,很容易就可以部署好. 转载  v3u.cn 当你购买了阿里云的ecs,涉及ecs的有两个密码,一定要搞清楚,一个密码是远程链接密码,也就是通过浏览器连接服务器的密码,另外一个是实例密码,这个密码就是ecs的root密码,一般情况下,我们经常用到的是实例密码. 与此同时,需

第一步:下载需要的字体图标 进入阿里图标官网http://iconfont.cn/搜索自己想要的图标. 如这里需要一个购物车的图标,流程为: 搜索“购物车”图标 --->  点击“添加入库”  -->  点击购物车进入购物车  -->  点击下载代码按钮. 点击下载代码,将得到名为download.zip的压缩包,解压将看到以下内容: 第二步:转换ttf文件 进入https://transfonter.org/平台,将解压出来的ttf字体文件转化成base64格式. 流程如下: 点击下载

我们在做web项目的时候,之前比较常用的是bootstrap,所以使用font awesome字体图标比较多,无意中在一个项目中接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!今天就写个文章介绍下: 阿里图标官方地址:  http://iconfont.cn/ 一.登录注册,这步就不说了直接跳过 二.注册后,可以先浏览图标,添加到购物车 可以去相关的图标库里头,搜图标,然后右键添加到购物车里头.如图购物车会多一个图标. 三.点击购物车,如图步骤,就可以添加到proj

下载阿里的字体图标库文件,放在\src\assets\font文件夹下面. 安装style-loader,css-loader和file-loader (或url-loader)  ,记得--save-dev webpack的配置文件中添加: { test: /\.css$/, use:['style-loader','css-loader'] }, { test:/\.(ttf|eot|woff|woff2|svg)$/, use:['file-loader'] } 入口文件main.js引入

在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑.黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体,那我也算服了U.在 CSS 中写入中文字体的方法一般采用 font-family:"微软雅黑","黑体";这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来.所以我们可以通过英文.unicode 这种形式来表达中文,比如说刚才的 f

1.备份 备份/etc/apt/sources.list文件 mv /etc/apt/sources.list /etc/apt/sourses.list.backup 2.新建 新建/etc/apt/sources.list文件并添加以下内容 在root管理员下 //切换到管理员 sudo su //新建文件并写入 vi /etc/apt/sources.list 2.1 阿里源: deb http://mirrors.aliyun.com/ubuntu/ bionic main restri

1.直接使用yum命令下载mysql5.6来进行安装是不能成功的,安装过程会有问题,这里我们需要使用rpm命令来先进下载.下载路径为:http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm,下载命令如图: rpm -Uvh http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm 2.下载完成之后查看一下都有哪些mysql的文件,使用命令: yum

许多童鞋在写CSS的时候,设置中文字体常常使用中文字符,例如font-family:”黑体”,这样我们在浏览器中看到的是什么样子的呢 ? 如果不想自己写的界面在浏览器字体声明上有异常,建议在书写css样式规则的时候避免中文字符,使用Unicode编码集,对中文字符进行转码.常见的中文字符集转码如下表: 如果你不知道某个中文字体的Unicode编码,可以使用通过JS如下方法进行转化: function toUnicode (str) {return escape(str).toLocaleLowe

为了方便需要的朋友快速使用,下表中列出了一些常用中文字体的Unicode编码: 宋体                   SimSun     \5B8B\4F53黑体                   SimHei     \9ED1\4F53微软雅黑            Microsoft YaHei     \5FAE\8F6F\96C5\9ED1微软正黑体         Microsoft JhengHei     \5FAE\x8F6F\6B63\9ED1\4F53新宋体   

对于一个从事网页设计(也常说成DIV+CSS)的朋友来说,可能会遇到过这样的问题,就是在CSS里像这样设置某对象的字体:font-family:1.5em/1.75,’黑体’,Arial; 结果有些时候不起作用,用Firebug来查看才发现浏览器解释这个代码的时候,出现乱码了,所以不起作用. 那怎么解决这个乱码问题呢,由于CSS文件基本都是UTF-8的编码模式,所以我们可以把中文字体的名称用相应的Unicode编码来代替,这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题.比如中文字体“

公司服务器刚换CentOS7,在内部的刀片机上一直跑的很溜,迁移到阿里云上后Tomcat启动竟然要6.7分钟!这还了得. 且日志上无任何错误,在日志中查看到如下信息: Log4j:[2015-10-29 15:47:11] INFO ReadProperty:172 - Loading properties file from class path resource [resources/jdbc.properties] Log4j:[2015-10-29 15:47:11] INFO Read

一.用css雪碧图 1.简介 CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式.它允许将一个页面涉及到的所有零星图片都包含到一张大图中, 利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位, 访问页面时避免图片载入缓慢的现象. 2.优点 (1)CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能,这是CSS Sprites最大的优点,也是其被广

正所谓学以致用,今天本来想做个bootstrap的demo发到服务器上看一下效果,结果服务器搞了半天,最终太晚了没能学到什么东西. 首先写好页面之后我做了一个MVC4.0的网站项目,然后把Bootstrap包装进去, 再然后用FTP上传到阿里云的虚拟主机,本来虚拟主机是Linux我放了一个wordpress的博客网站,但因为我学的是.Net就给改成了windowserver2008,其实阿里云换系统挺简单的几下就搞定了. 点下一步,提交就行了. 注意:提交后需要重置FTP的密码: 因为我已经换了

ps中最简单的发光字教程 我们先用[文字工具]输入文字(比如:发光效果),字体填充为白色,如图所示. 我们选中文字的图层,点击[FX]找到[外发光],如图所示. 接着,我们在外发光里面把颜色设置为紫色,大小为[6像素],点击[确定],如图所示. 我们按住[ALT]键,把外发光文字再复制一组出来,如图所示. 接下来,我们在复制图层效果的下面双击外发光,把图案大小调整为[32像素],点击[确定],如图所示. 我们现在看到第二组文字,比第一组的外发光效果更亮一些,如图所示. 上面的两组外发光效果做好之

当你购买了阿里云的ecs,涉及ecs的有两个密码,一定要搞清楚,一个密码是远程链接密码,也就是通过浏览器连接服务器的密码,另外一个是实例密码,这个密码就是ecs的root密码,一般情况下,我们经常用到的是实例密码. 与此同时,需要设置一下安全组策略,将一些必要的端口暴露出来,否则会被拦截 前置操作完成,就可以进行软件的安装了,可以通过一些三方的ssh软件进行连接,win下面流行的putty,xshell,moba等,这里推荐使用moba,可以语法高亮并且自动记住密码 安装python3 和 dj