通常外部字体图标都在使用iconfont，这种图标在网上搜到一大把都是由于路径问题显示不出来，或者是显示个方块。最近的项目中也碰到这个坑爸的问题，总结一下解决办法：和webpack.config 配置没有多大关系，按照 vue-cli 生成的  webpack.base.conf.js 这个文件不需要改动，保持原来就好将icon 文件与icon 样式文件 置于同一目录下放在 assets 目录下即可在main.js 中 通过import 引入，路径以./assets/ 为开始置于同一目录下放在 assets 目录下@font-face{font-family:'icon';src:url('icon.eot?btu5gk');src:url('icon.eot?btu5gk#iefix')format('embedded-opentype'),url('icon.ttf?btu5gk')format('truetype...

rem相对html的font-size单位，在使用rem前要先设置根元素的单位：/*根元素*/html{font-size:16px}/*使用时*/p{font-size:2rem}//32pxem相对当前对象文本单位尺寸，如果当前对象没有设置默认文本尺寸，则相对于浏览器默认字体尺寸/*当前对象尺寸*/body{font-size:16px}/*使用时*/p{font-size:2em}//32pxvw/vh&&vmax/vmin相对于当前窗口的宽度/高度&&最大值/最小值，查询当前窗口的宽度的命令为：screen.width/height如果当前窗口的宽度为2400，那么使用vw后元素的尺寸为：2400*5vw/100=120/*当前窗口尺寸*/在浏览器的console中查询：screen.width/*使用时*/p{font-size:5vw;}//120pxex相对于字符“x”的高度，通常字体为高度的一半。如果当前行内文字的大小没有设置，就相对于默认浏览器的字体的高度/*当前字体的大小*/h1{font-size:16px;...

TextView的字体颜色也可以和ImageView的background一样，跟随状态发生改变。只需要自定义一下字体颜色。在color文件夹下面，新建一个颜色文件的xml。OK，这就完成了。createbyshone.chen....

大家都知道，在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下：一、首先我们看看各平台的默认字体情况1、Window下：宋体（SimSun）：Win下大部分游览器的默认字体，宋体在小字号下（如12px、14px）的显示效果还可以接受，但是字号一大就非常糟糕了，所以使用的时候要注意。微软雅黑（"MicrosoftYahei"）：从Vista开始，微软提供了这款新的字体，一款无衬线的黑体类字体，并且拥有 Regular、Bold 两种粗细的字重，显著提高了字体的显示效果。现在这款字体已经成为Windows游览器中最值得使用的中文字体。从Win8开始，微软雅黑又加入了 Light 这款更细的字重，对于喜欢细字体的设计、开发人员又多了一个新的选择。Arial：Win平台上默认的无衬线西文字体（为什么要说英文字体后面会解释），有多种变体，显示效果一般。Tahoma：十分常见的无衬线字体，被采用为Windows2000、WindowsXP、Wi...

WordPress总是被新上手的朋友诟病说速度慢，其实多半都要归功于谷歌字体的功劳。在应对字体这个问题的时候，大家都会有各种不同的解决方案。今天我给大家推荐一款插件，它集合了多个替代方案，可以方便的替换掉谷歌服务，实现Wordpress的加速可以用360，极客族等多种方案切换加速可以替换掉Gravatar头像一键替换，不需要多余操作，十分简单下载地址：https://wordpress.org/plugins/wp-acceleration-for-china/ ...

https://segmentfault.com/a/1190000006110417 大家都知道，在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下：一、首先我们看看各平台的默认字体情况1、Window下：宋体（SimSun）：Win下大部分游览器的默认字体，宋体在小字号下（如12px、14px）的显示效果还可以接受，但是字号一大就非常糟糕了，所以使用的时候要注意。微软雅黑（"MicrosoftYahei"）：从Vista开始，微软提供了这款新的字体，一款无衬线的黑体类字体，并且拥有Regular、Bold 两种粗细的字重，显著提高了字体的显示效果。现在这款字体已经成为Windows游览器中最值得使用的中文字体。从Win8开始，微软雅黑又加入了 Light 这款更细的字重，对于喜欢细字体的设计、开发人员又多了一个新的选择。Arial：Win平台上默认的无衬线西文字体（为什么要说英文字体后面会解释），有多种变体，显示效果一般。Tah...

转：http://www.cnblogs.com/huangcong/p/3687665.html 首先到phpexcel官网上下载最新的phpexcel类，下周解压缩一个classes文件夹，里面包含了PHPExcel.php和PHPExcel的文件夹，这个类文件和文件夹是我们需要的，把classes解压到你项目的一个目录中，重名名为phpexcel，开始喽，（代码都摘自自带实例） 程序部分 require_once './phpexcel/PHPExcel.php'; //首先创建一个新的对象  PHPExcelobject$objPHPExcel= new PHPExcel(); //设置文件的一些属性，在xls文件——>属性——>详细信息里可以看到这些值，xml表格里是没有这些值的$objPHPExcel      ->getProperties()&nb...

Bootstrap3为何无法显示Glyphicons图标在CSS引入字体即可解决@font-face{font-family:'GlyphiconsHalflings';src:url('/fonts/glyphicons-halflings-regular.eot');src:url('/fonts/glyphicons-halflings-regular.eot?#iefix')format('embedded-opentype'),url('/fonts/glyphicons-halflings-regular.woff')format('woff'),url('/fonts/glyphicons-halflings-regular.ttf')format('truetype'),url('/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular')format('svg');}指定到你想要的path上就行...

http://www.php100.com/manual/css3_0/@font-face.shtml版本：CSS3 继承性：无@font-face ：{属性:取值;}font-family：设置文本的字体名称。font-style：设置文本样式。font-variant：设置文本是否大小写。font-weight：设置文本的粗细。font-stretch：设置文本是否横向的拉伸变形。font-size：设置文本字体大小。src：设置自定义字体的相对路径或者绝对路径，注意，此属性只能在@font-face规则里使用。@font-face能够加载服务器端的字体文件，让客户端显示客户端所没有安装的字体。【微软的IE5已经是开始支持这个属性，但是只支持微软自有的.eot(EmbeddedOpenType)格式，而其他浏览器直到现在都没有支持这一字体格式。然而，从Safari3.1开始，网页重构工程师已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做为自定义字体了。】.eot格式类型InternetExplorerFirefoxChromeO...

http://w3note.com/web/181.html 微信平台开发的推广支持应用里，为了满足用户渠道推广分析的需要，公众平台提供了生成带参数二维码的接口。使用该接口可以获得多个带不同场景值的二维码，用户扫描后，公众号可以接收到事件推送，借此可以通过统计不同场景扫描的二维码的结果来获取商业信息。 为了更形象地展示统计结果，可以使用php作图，不过这需要掌握复杂抽象的画图函数，这里推荐使用php的JpGraph图表类库，它使得作图变成了一件非常简单的事情，你只需从数据库中取出相关数据，定义标题，图表类型，然后的事情就交给JpGraph，只需掌握为数不多的JpGraph内置函数（可以参照JpGraph附带例子学习），就可以画出非常炫目的图表！ 因为我最近也在做phpcmw微信插件用户信息统计这块，所以对JpGraph作了一番研究应用。为避免初学者走我走过的弯路，我把调试记录整理出来，分享给大家。 通过本文你至少可以掌握以下技巧：1、能够使用JpGraph画出各式各样的图表2、解决中文乱码 一、开启GD库Jpgraph需要GD库的支持，...

sqlyog设置一直习惯用sqlyog来管理mysql数据库，但有三个地方用得不是很爽：1.默认查询条数只有1000条经常需要勾选掉重新查询。2.自动替换关键字大小写，有时候字段名为关键字的搞成大写的在Linux服务器不忽略大小写时执行就报错了，有时候为了代码统一不希望改成大写的也不行。3.感觉字体偏小发现sqlyog在首选项里可以设置默认查询分页条数和字体，改写关键字大小写的sqlyog--工具--首选项--字体编辑器设置--字体大小和改写关键字大小写sqlyog--工具--首选项--其他--不要闯进区块设置默认查询分页行数默认限制行的还是去不掉，勾选去掉一次后下次会记住选择 ...

python3.4学习笔记(十八)pycharm安装使用、注册码、显示行号和字体大小等常用设置DownloadJetBrainsPythonIDE::PyCharmhttp://www.jetbrains.com/pycharm/download/PyCharm首页、文档和下载-Python集成开发环境-开源中国社区http://www.oschina.net/p/pycharm=============================================修改代码字体大小的方法：File->Setting(扳手的形状图标)，找到Editor-->Colors&Fonts-->Font 默认的Schema无法直接修改字体大小，先新建保存一个Schema，可以直接点击saveas，然后随便填个名字。然后看到size和Linespacing两个可以修改，分别为字体的大小和两行代码之间的间距。之后点击apply和ok，这样字体就大了，看起来也清楚了。二、设置控制台运行之前，我们发现快捷菜单上的【运行】和【调试】都是灰色的，不可触发状态。是因为，我...

哈哈：我们在开发微信小程序时写一个列表时，往往只写列表的其中一个然后利用wx：for循环出来整个列表wxml代码如下：<viewclass='index-item-bg'><viewclass='index-item'><viewclass='index-item-box'wx:for="{{shortcutList}}"style='background-color:#b5d6f1'data-pos='{{index}}'bindtap='tiao'><imageclass='index-item-box-image'src='../../../images/icon/icon{{item.type}}.png'></image><viewclass='icon-box-ctn'><viewclass='index-item-box-title'>{{item.name}}</view><viewclass='index-item-box-desc'>国家一级机器人培训单位&l...

怎么使用iconfont 首先找到自己想要的图标，添加到购物车如果你只要一个图标的话，或者确保之后这个项目不需要其他的图标的话，可以直接选择下载代码，但是你有多个图标的话，最好选择添加至项目无论是添加项目还是直接下载代码，下载之后会有一个download.zip包，解压之后的文件如下图，前面四个文件就是官网的demo没有用的，后面五个才是有用的现在请把iconfont.css放在你常用的css文件目录下，iconfont.eot/svg/ttf/woff这四个文件可以放在fonts文件下面（文件位置不重要）。但是注意css里面有引入这四个文件的地方，所以文件路径请注意。如果你只是想使用标签引入小图标的话<iclass='iconfont  icon-xxx'></i>就行了，如果class里面少了iconfont，就会出现繁体字，所以一定要记住加iconfont如果要使用svg引入的话，那么就一定要引入iconfont.js文件了，这样子就可以任意的改变图标的样式了，比如颜色。大小，本来我贪方便直接用标签，但是想改变...

实现圆角按钮，点击的时候背景和字体的颜色都改变，这里的实现效果如下：原状态背景为白色，字体为蓝色，当点击的时候背景为蓝色，字体为白色。介绍两种实现方式。1、使用button。2、实现自定义TextView。1.使用Button首先在drawable下建一个Button背景的btn_bg_round_click.xml文件。在这里面设置Button原状态和按下的时候，背景的颜色、圆角半径、边框宽度和颜色。<?xmlversion="1.0"encoding="utf-8"?><selectorxmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:state_pressed="false"><shapeandroid:shape="rectangle"><solidandroid:color="@color/color_white"/><cornersandroid:radius="5dp"/><strokeandroid:...