欧宝app官网-欧宝app官网下载

首页 > 产品中心 > APP小游戏

BootstrapIcons和MaterialDesigni_欧宝app官网

2021-05-09
本文摘要:欧宝app官网,欧宝app官网下载,当今这一项目`icons-font-customization`包含超出26M尺寸的svg文件。或是您能够安裝一个叫`icons-font-command`的子项目,这一子项目不包含一切svg图标,因而十分小。

无论做网站建设或手机开发,或桌面程序开发设计,有着一套好看的图标是不可或缺的。适合的图标也可以给手机软件提色许多。出示完全免费图标或字体样式的,FontAwesome是在其中较为知名的一家。

BootstrapIcons和MaterialDesigniconsbyGoogle,也有别的的也很火爆。也有一些网址出示了图标的下载,包含完全免费或不完全免费的,像Iconfinder,Icons8,freeicons等。对开发人员而言,许多情况下总是运用在其中十分小的一部分。

有时很有可能还必须好几家图标的组成。这个时候假如都包含各家所有字体样式的结合,就很可有可无了。去网页搜索下载也不是便捷的挑选。icons-font-customization这一Node.js手机软件或专用工具出示了超33,000个拆箱既用的完全免费svg图标结合和转化成自身图标字体样式的专用工具。

全部图标都合适于个人或商业服务项目。请先开启这一连接全部图标确定下包含了什么图标。在这个连接,能够变更图标色调,背景颜色和尺寸。

还能够依据关键词查找,储存图标是不是选定的情况,或輸出选定图标的目录字符串数组。先铺一张略图:包含的图标集目录-ant-design-iconsSource:visit,License:MIT-BootstrapIconsSource:visit,License:MIT-BoxIconsSource:visit,License:CC4.0-BytesizeIconsSource:visit,License:MIT-CapitainecursorsSource:visit,License:LGPLv3-carbon-iconsSource:visit,License:Apache-2.0-CoreUIIconsSource:visit,License:CoreUIIconsFree-crypto-iconsSource:visit,License:MIT-CryptocurrencyIconsSource:visit,License:CC0-css-social-buttonsSource:visit,License:MIT-css.ggSource:visit,License:MIT-deviconsSource:visit,License:MIT-DevUISource:visit,License:MIT-elusive-iconfontSource:visit,License:OFL-entypoSource:visit,License:CCBY-SA-evil-iconsSource:visit,License:MIT-featherSource:visit,License:MIT-feathericonSource:visit,License:MIT-FileIconImagesSource:visit,License:MIT-Flat-UISource:visit,License:MIT-FontAwesomeFreeSource:visit,License:FontAwesomeFree-foundation-iconsSource:visit,License:MIT-1800FreeMinimalIconPack[20x20]Source:visit,License:Free-geomicons-openSource:visit,License:MIT-IcoMoon-FreeSource:visit,License:CCBY4.0orGPL-ioniconsSource:visit,License:MIT-JAMSource:visit,License:MIT-LineaIconSource:visit,License:CCBY-makiSource:visit,License:CC0-1.0-map-iconsSource:visit,License:MIT-MaterialDesignSource:visit,License:PictogrammersFree-material-design-iconsSource:visit,License:Apache-2.0-Metro-UI-CSSSource:visit,License:MIT-MonoIconsSource:visit,License:MIT-octiconsSource:visit,License:MIT-open-iconicSource:visit,License:MIT-simple-iconsSource:visit,License:CC0-1.0-small-n-flatSource:visit,License:CC0-1.0-subwaySource:visit,License:CCBY4.0-tabler-iconsSource:visit,License:MIT-TeenyiconsSource:visit,License:MIT-typicons.fontSource:visit,License:CCBY-SA4.0-uiw-iconsSource:visit,License:MIT-UniconsSource:visit,License:Apache-2.0-VaadinIconsSource:visit,License:CC-BY4.0-Vivid.JSSource:visit,License:MIT-weather-iconsSource:visit,License:SILOFL1.1-WeatherUndergroundIconsSource:visit,License:MITandGPLicons-font-customization除开出示十分多的图标以外,也出示了灵便的当地运作方法。这一专用工具能够把本项目包含的不一样来源于的图标装包成一个字体文件,乃至能够下载一切网站地址的svg文件并开展变换装包。每个来源于图标的有关许可证书信息内容会被全自动包含在转化成的css文件中。

如何使用呢?比较简单,先详细介绍下项目构造,随后便是操作方法了。假如电脑上都还没安裝Node.js,请去这里下载安裝:DownloadingandinstallingNode.jsandnpm为了更好地合适各种各样状况,这里有两个项目,都能够做到同样目地。当今这一项目`icons-font-customization`包含超出26M尺寸的svg文件。假如您并不是太在乎储存空间,那麼能够安裝这一项目。

那样您将十分能迅速的运用当地svg文件转化成字体样式。或是您能够安裝一个叫`icons-font-command`的子项目,这一子项目不包含一切svg图标,因而十分小。`icons-font-command`从Github的`icons-font-customization`库房立即的远程控制复制图标等。

假如您不容易应用过多的svg文件,它也是迅速的。项目`icons-font-customization`包含`icons-font-command`项目.因而无论您应用哪一个项目,命令方法全是一样的。

安裝

这里的事例我全是以应用`icons-font-command`来详细介绍的。假如您应用`icons-font-customization`,那麼您必须更换安裝事例中的项目为`icons-font-customization`。方式1,下载或复制您必须的项目到当地。

点一下项目首页icons-font-customization的"DownloadZIP"并缓解压力到当地适合的文件夹。或是应用git命令复制到当地:gitclonehttps://github.com/uuware/icons-font-command.git无论应用哪一种方法,您将在当地获得这一项目,随后cd到这一项目的根文件夹并运作下边的命令来转化成字体样式。留意,命令行中的`----`是恰当的:`npmrungenerate-font----configconfig-file-path`假如您在运作文件夹有一个叫icons-,那麼能够省去环境变量途径:`npmrungenerate-font`方式2,应用NPM全局性安裝`icons-font-command`或`icons-font-customization`。

运作:`npminstall-gicons-font-command`如今您能够在一切文件夹中运作命令不管您安裝的是哪一个项目,该命令全是同样的,并留意命令中的`--`:`icons-font-command--configconfig-file-path`假如您在运作文件夹有一个叫icons-,那麼能够省去环境变量途径:`npmrungenerate-font`您还能够应用此命令在当今文件夹转化成默认设置环境变量:`icons-font-command--copyconfig`方式3,在您的Node.js项目中安裝。假如要想在编码中随意的实际操作它,则依据您的必须,在项目的根文件夹中运作`npmiicons-font-command--save-dev`或`npmiicons-font-customization--save-dev`命令。随后在编码中那样启用:varIconsFontLite=require'icons-font-command';IconsFontLite.cmd;//Orpassparametersvarparameters={'--config':'config-file-path'};varIconsFontLite=require'icons-font-command';IconsFontLite.generateFontparameters;假如一切正常,你将在輸出文件夹获得結果,打开sample.html确定結果或包含icon-style.css在您的html中。

如何选择图标并得到在配备中应用的编码1,开启全部图标,随后您能够查询全部图标。您能够变更图标的色调、背景颜色和尺寸。

您还能够检索并点击他们来挑选或缓存文件选中的情况。点一下"PopulateConfiguration"按键輸出配备编码。2,将配备编码黏贴到文档"icons-"。

主流浏览器

在方式2中,您能够运作`icons-font-command--copyconfig`在当今文件夹转化成默认设置的"icons-"环境变量。或是您能够从项目`icons-font-command`的跟文件夹复制该文件。

做为一个实例,最后的构造应该是不必应用这一实例,只是拷贝初始的"icons-"文档:module.exports={fontName:'i-font',outputPath:'dist/sample/',outputName:'i-font',/*程序流程会全自动加上后缀名*/startChar:10000,//图标字体样式的內部编号icons:[/*当地或远程控制svg的途径*/{path:'font-awesome/brands/apple.svg',name:'fa-apple'},.../*乃至下载一切网站地址的svg*/{path:'-uni.font/29d4e3ff028fc850a21b5eaafde0a83f22f59cf1/src/svg/amazon.svg',name:'fa-amazon'},],fontType:{'woff2':true,'woff':true,'ttf':true,'eot':false,'svg':false,},cssTemplate:'copyfromicons-...',htmlTemplate:'copyfromicons-...',}有关字体样式的兼容模式WOFF2:Chrome36,Firefox39,Opera23,Safari10,IEnosupport,Edge14WOFF的2.0版本号。WOFF2下一代版本号的WOFF。

WOFF2文件格式比初始WOFF文件格式提升了30%的均值缩小增益值。WOFF:Chrome5,Firefox3.6,Opera11.10,Safari5.1,IE9,Edge12Web对外开放字体格式。

WOFF大部分是OTForTTF上加上了压缩,并被主流浏览器支持。它是MozillaFoundation,Microsoft,和OperaSoftware和协作結果。由于字体被压缩了,它有更快的载入速率。

TTF:Chrome4,Firefox3.5,Opera10,Safari3.1,IE9,Edge12TrueType字体.全部主流浏览器和IE9及高些版本都支持这类文件格式。EOT:Chromenosupport,Firefoxnosupport,Operanosupport,Safarinosupport,IE6-11内嵌式OpenType。它是唯一能够在IE8及下列版本中应用的字体,而且必须font-face方法载入。

SVGfont:Chrome4-37,Firefoxnosupport,Opera10-24,Safari3.2-14,IE/Edgenosupport可放缩矢量图格式字体。SVG字体是未压缩的,唯一能够在version4.1andbelowofSafariforiOSiPhone,iPad中应用的字体。

有关建立字体的提议1,假如不用支持IE,能够应用WOFF2来支持全部主流浏览器或是2,应用WOFF来支持全部主流浏览器和IE9及之上,Edge12及之上或是3,另外应用WOFF2和TTF来支持全部主流浏览器和IE8及之上所有1、2、3都必须那样的HTML代码:``或是4,另外应用WOFF2和TTF和不一样的CSS代码来支持IE6-7,和全部主流浏览器和IE8及之上。由于从IE8逐渐支持'.css_class_name:before留意并不是2个灶具{content:""}CSS代码。

因此IE6-7必须不一样CSS代码:&x66;iconscode奉献怎样加上一个新的精彩纷呈的svg图标新项目?假如您有一个svg图标新项目想和别人共享,我能十分愿意的加上他们。随时欢迎。假如您想为您的当地开发设计加上,则能够那样做:1.免费下载或复制此新项目https://github.com/uuware/icons-font-。

比如,这儿大家称作new-project,因此新文件夹名称应该是/dist/svgs/newproject。3.加上一个叙述工程信息的json文档和一个批准文档。

请在/dist/svgs/下的别的文件夹名称中确定json文档构造4.加上子文件夹名称svgs或别的內容并将您的标志拷贝到/dist/svgs/new-project/svgs。5.运作"icons-font-command--maintain"指令提升svg并建立演试网页页面。6.随后,您能够像别的标志一样应用新的svg图标。

许可证书全部代码除svg、字体外的全部文档均在CC0-1.0许可证书下派发。全部svg和字体都是在其初始许可证书下派发。客户程序/dist/svgs下每个文件夹名称中包括的许可证书和连接的信息内容。

此信息内容也包括在转化成的css文件中。全部包括的商标logo、知名品牌和/或名字全是其分别使用者的资产。


本文关键词:这一,文件夹,命令,欧宝app官网

本文来源:欧宝app官网-www.i-christiandating.com



上一篇:中国广电曾庆军:将来5G手机上可完全免费接收电视栏目不用总流:欧宝app官网下载
下一篇:CocoaPods升级表明及下载:欧宝app官网下载