diff --git a/assets/font/demo.css b/assets/font/demo.css index 3d9cbe7..a67054a 100644 --- a/assets/font/demo.css +++ b/assets/font/demo.css @@ -1,105 +1,151 @@ -*{margin: 0;padding: 0;list-style: none;} -/* -KISSY CSS Reset -理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。 -2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。 -3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。 -特色：1. 适应中文；2. 基于最新主流浏览器。 -维护：玉伯, 正淳 - */ - -/** 清除内外边距 **/ -body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ -dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ -pre, /* text formatting elements 文本格式元素 */ -form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ -th, td /* table elements 表格元素 */ { - margin: 0; - padding: 0; +/* Logo 字体 */ +@font-face { + font-family: "iconfont logo"; + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); } -/** 设置默认字体 **/ -body, -button, input, select, textarea /* for ie */ { - font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; +.logo { + font-family: "iconfont logo"; + font-size: 160px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -h1, h2, h3, h4, h5, h6 { font-size: 100%; } -address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ -code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */ -small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */ -/** 重置列表元素 **/ -ul, ol { list-style: none; } - -/** 重置文本格式元素 **/ -a { text-decoration: none; } -a:hover { text-decoration: underline; } - - -/** 重置表单元素 **/ -legend { color: #000; } /* for ie6 */ -fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */ -button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */ -/* 注：optgroup 无法扶正 */ - -/** 重置表格元素 **/ -table { border-collapse: collapse; border-spacing: 0; } - -/* 清除浮动 */ -.ks-clear:after, .clear:after { - content: '\20'; - display: block; - height: 0; - clear: both; +/* tabs */ +.nav-tabs { + position: relative; } -.ks-clear, .clear { + +.nav-tabs .nav-more { + position: absolute; + right: 0; + bottom: 0; + height: 42px; + line-height: 42px; + color: #666; +} + +#tabs { + border-bottom: 1px solid #eee; +} + +#tabs li { + cursor: pointer; + width: 100px; + height: 40px; + line-height: 40px; + text-align: center; + font-size: 16px; + border-bottom: 2px solid transparent; + position: relative; + z-index: 1; + margin-bottom: -1px; + color: #666; +} + + +#tabs .active { + border-bottom-color: #f00; + color: #222; +} + +.tab-container .content { + display: none; +} + +/* 页面布局 */ +.main { + padding: 30px 100px; + width: 960px; + margin: 0 auto; +} + +.main .logo { + color: #333; + text-align: left; + margin-bottom: 30px; + line-height: 1; + height: 110px; + margin-top: -50px; + overflow: hidden; *zoom: 1; } -.main { - padding: 30px 100px; -width: 960px; -margin: 0 auto; +.main .logo a { + font-size: 160px; + color: #333; } -.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;} -.helps{margin-top:40px;} -.helps pre{ - padding:20px; - margin:10px 0; - border:solid 1px #e7e1cd; +.helps { + margin-top: 40px; +} + +.helps pre { + padding: 20px; + margin: 10px 0; + border: solid 1px #e7e1cd; background-color: #fffdef; overflow: auto; } -.icon_lists{ +.icon_lists { width: 100% !important; - + overflow: hidden; + *zoom: 1; } -.icon_lists li{ - float:left; +.icon_lists li { width: 100px; - height:180px; + margin-bottom: 10px; + margin-right: 20px; text-align: center; list-style: none !important; + cursor: default; } -.icon_lists .icon{ - font-size: 42px; - line-height: 100px; - margin: 10px 0; - color:#333; - -webkit-transition: font-size 0.25s ease-out 0s; - -moz-transition: font-size 0.25s ease-out 0s; - transition: font-size 0.25s ease-out 0s; +.icon_lists li .code-name { + line-height: 1.2; } -.icon_lists .icon:hover{ + +.icon_lists .icon { + display: block; + height: 100px; + line-height: 100px; + font-size: 42px; + margin: 10px auto; + color: #333; + -webkit-transition: font-size 0.25s linear, width 0.25s linear; + -moz-transition: font-size 0.25s linear, width 0.25s linear; + transition: font-size 0.25s linear, width 0.25s linear; +} + +.icon_lists .icon:hover { font-size: 100px; } +.icon_lists .svg-icon { + /* 通过设置 font-size 来改变图标大小 */ + width: 1em; + /* 图标和文字相邻时，垂直对齐 */ + vertical-align: -0.15em; + /* 通过设置 color 来改变 SVG 的颜色/fill */ + fill: currentColor; + /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 + normalize.css 中也包含这行 */ + overflow: hidden; +} +.icon_lists li .name, +.icon_lists li .code-name { + color: #666; +} +/* markdown 样式 */ .markdown { color: #666; font-size: 14px; @@ -165,40 +211,39 @@ margin: 0 auto; clear: both; } -.markdown p, -.markdown pre { +.markdown p { margin: 1em 0; } -.markdown > p, -.markdown > blockquote, -.markdown > .highlight, -.markdown > ol, -.markdown > ul { +.markdown>p, +.markdown>blockquote, +.markdown>.highlight, +.markdown>ol, +.markdown>ul { width: 80%; } -.markdown ul > li { +.markdown ul>li { list-style: circle; } -.markdown > ul li, -.markdown blockquote ul > li { +.markdown>ul li, +.markdown blockquote ul>li { margin-left: 20px; padding-left: 4px; } -.markdown > ul li p, -.markdown > ol li p { +.markdown>ul li p, +.markdown>ol li p { margin: 0.6em 0; } -.markdown ol > li { +.markdown ol>li { list-style: decimal; } -.markdown > ol li, -.markdown blockquote ol > li { +.markdown>ol li, +.markdown blockquote ol>li { margin-left: 20px; padding-left: 4px; } @@ -210,24 +255,12 @@ margin: 0 auto; border-radius: 3px; } -.markdown pre { - border-radius: 6px; - background: #f7f7f7; - padding: 20px; -} - -.markdown pre code { - border: none; - background: #f7f7f7; - margin: 0; -} - .markdown strong, .markdown b { font-weight: 600; } -.markdown > table { +.markdown>table { border-collapse: collapse; border-spacing: 0px; empty-cells: show; @@ -236,21 +269,20 @@ margin: 0 auto; margin-bottom: 24px; } -.markdown > table th { +.markdown>table th { white-space: nowrap; color: #333; font-weight: 600; - } -.markdown > table th, -.markdown > table td { +.markdown>table th, +.markdown>table td { border: 1px solid #e9e9e9; padding: 8px 16px; text-align: left; } -.markdown > table th { +.markdown>table th { background: #F7F7F7; } @@ -260,7 +292,6 @@ margin: 0 auto; border-left: 4px solid #e9e9e9; padding-left: 0.8em; margin: 1em 0; - font-style: italic; } .markdown blockquote p { @@ -287,8 +318,8 @@ margin: 0 auto; display: inline-block; } -.markdown > br, -.markdown > p > br { +.markdown>br, +.markdown>p>br { clear: both; } @@ -360,11 +391,149 @@ margin: 0 auto; text-decoration: underline; } -pre{ - background: #fff; +/* 代码高亮 */ +/* PrismJS 1.15.0 +https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ +/** + * prism.js default theme for JavaScript, CSS and HTML + * Based on dabblet (http://dabblet.com) + * @author Lea Verou + */ +code[class*="language-"], +pre[class*="language-"] { + color: black; + background: none; + text-shadow: 0 1px white; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; } +pre[class*="language-"]::-moz-selection, +pre[class*="language-"] ::-moz-selection, +code[class*="language-"]::-moz-selection, +code[class*="language-"] ::-moz-selection { + text-shadow: none; + background: #b3d4fc; +} +pre[class*="language-"]::selection, +pre[class*="language-"] ::selection, +code[class*="language-"]::selection, +code[class*="language-"] ::selection { + text-shadow: none; + background: #b3d4fc; +} +@media print { + code[class*="language-"], + pre[class*="language-"] { + text-shadow: none; + } +} +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre)>code[class*="language-"], +pre[class*="language-"] { + background: #f5f2f0; +} + +/* Inline code */ +:not(pre)>code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: slategray; +} + +.token.punctuation { + color: #999; +} + +.namespace { + opacity: .7; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #905; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #690; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #9a6e3a; + background: hsla(0, 0%, 100%, .5); +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #07a; +} + +.token.function, +.token.class-name { + color: #DD4A68; +} + +.token.regex, +.token.important, +.token.variable { + color: #e90; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} diff --git a/assets/font/demo_index.html b/assets/font/demo_index.html new file mode 100644 index 0000000..e83c2cb --- /dev/null +++ b/assets/font/demo_index.html @@ -0,0 +1,653 @@ + + + + + IconFont Demo + + + + + + + + + + + +
+

+
+
    +
  • Unicode
    • +
  • Font class
    • +
  • Symbol
    • +
+ + 查看项目 + +
+
+
+
    + +
  • + +
    codepen
    +
    
    +
    • + +
  • + +
    reddit
    +
    
    +
    • + +
  • + +
    icon-left
    +
    
    +
    • + +
  • + +
    icon-right
    +
    
    +
    • + +
  • + +
    twitter
    +
    
    +
    • + +
  • + +
    facebook
    +
    
    +
    • + +
  • + +
    gitlab
    +
    
    +
    • + +
  • + +
    medium
    +
    
    +
    • + +
  • + +
    linkedin
    +
    
    +
    • + +
  • + +
    pinterest
    +
    
    +
    • + +
  • + +
    instagram
    +
    
    +
    • + +
  • + +
    github
    +
    
    +
    • + +
  • + +
    mail 2
    +
    
    +
    • + +
  • + +
    keybase
    +
    
    +
    • + +
  • + +
    folder
    +
    
    +
    • + +
  • + +
    icon-tag
    +
    
    +
    • + +
  • + +
    sun
    +
    
    +
    • + +
  • + +
    quora
    +
    
    +
    • + +
  • + +
    telegram-plane
    +
    
    +
    • + +
  • + +
    tumblr
    +
    
    +
    • + +
  • + +
    youtube
    +
    
    +
    • + +
+
+

Unicode 引用

+
+ +

Unicode 是字体在网页端最原始的应用方式，特点是：

+
    +
  • 兼容性最好，支持 IE6+，及所有现代浏览器。
    • +
  • 支持按字体的方式去动态调整图标大小，颜色等等。
    • +
  • 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。
    • +
+
+

注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式

+
+

Unicode 使用步骤如下：

+

第一步：拷贝项目下面生成的 @font-face

+
@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.eot');
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont.woff2') format('woff2'),
+      url('iconfont.woff') format('woff'),
+      url('iconfont.ttf') format('truetype'),
+      url('iconfont.svg#iconfont') format('svg');
+}
+
+

第二步：定义使用 iconfont 的样式

+
.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+

第三步：挑选相应图标并获取字体编码，应用于页面

+
+<span class="iconfont">&#x33;</span>
+
+
+

"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    + codepen +
    +
    .icon-codepen +
    +
    • + +
  • + +
    + reddit +
    +
    .icon-reddit +
    +
    • + +
  • + +
    + icon-left +
    +
    .icon-dajiantou +
    +
    • + +
  • + +
    + icon-right +
    +
    .icon-xiaojiantou +
    +
    • + +
  • + +
    + twitter +
    +
    .icon-twitter +
    +
    • + +
  • + +
    + facebook +
    +
    .icon-facebook +
    +
    • + +
  • + +
    + gitlab +
    +
    .icon-gitlab +
    +
    • + +
  • + +
    + medium +
    +
    .icon-medium +
    +
    • + +
  • + +
    + linkedin +
    +
    .icon-linkedin +
    +
    • + +
  • + +
    + pinterest +
    +
    .icon-pinterest +
    +
    • + +
  • + +
    + instagram +
    +
    .icon-instagram +
    +
    • + +
  • + +
    + github +
    +
    .icon-github +
    +
    • + +
  • + +
    + mail 2 +
    +
    .icon-mail +
    +
    • + +
  • + +
    + keybase +
    +
    .icon-keybase +
    +
    • + +
  • + +
    + folder +
    +
    .icon-folder +
    +
    • + +
  • + +
    + icon-tag +
    +
    .icon-icon-tag +
    +
    • + +
  • + +
    + sun +
    +
    .icon-sun +
    +
    • + +
  • + +
    + quora +
    +
    .icon-quora +
    +
    • + +
  • + +
    + telegram-plane +
    +
    .icon-telegram-plane +
    +
    • + +
  • + +
    + tumblr +
    +
    .icon-tumblr +
    +
    • + +
  • + +
    + youtube +
    +
    .icon-youtube +
    +
    • + +
+
+

font-class 引用

+
+ +

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

+

与 Unicode 使用方式相比，具有如下特点：

+
    +
  • 兼容性良好，支持 IE8+，及所有现代浏览器。
    • +
  • 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
    • +
  • 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
    • +
  • 不过因为本质上还是使用的字体，所以多色图标还是不支持的。
    • +
+

使用步骤如下：

+

第一步：引入项目下面生成的 fontclass 代码：

+
<link rel="stylesheet" href="./iconfont.css">
+
+

第二步：挑选相应图标并获取类名，应用于页面：

+
<span class="iconfont icon-xxx"></span>
+
+
+

" + iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    codepen
    +
    #icon-codepen
    +
    • + +
  • + +
    reddit
    +
    #icon-reddit
    +
    • + +
  • + +
    icon-left
    +
    #icon-dajiantou
    +
    • + +
  • + +
    icon-right
    +
    #icon-xiaojiantou
    +
    • + +
  • + +
    twitter
    +
    #icon-twitter
    +
    • + +
  • + +
    facebook
    +
    #icon-facebook
    +
    • + +
  • + +
    gitlab
    +
    #icon-gitlab
    +
    • + +
  • + +
    medium
    +
    #icon-medium
    +
    • + +
  • + +
    linkedin
    +
    #icon-linkedin
    +
    • + +
  • + +
    pinterest
    +
    #icon-pinterest
    +
    • + +
  • + +
    instagram
    +
    #icon-instagram
    +
    • + +
  • + +
    github
    +
    #icon-github
    +
    • + +
  • + +
    mail 2
    +
    #icon-mail
    +
    • + +
  • + +
    keybase
    +
    #icon-keybase
    +
    • + +
  • + +
    folder
    +
    #icon-folder
    +
    • + +
  • + +
    icon-tag
    +
    #icon-icon-tag
    +
    • + +
  • + +
    sun
    +
    #icon-sun
    +
    • + +
  • + +
    quora
    +
    #icon-quora
    +
    • + +
  • + +
    telegram-plane
    +
    #icon-telegram-plane
    +
    • + +
  • + +
    tumblr
    +
    #icon-tumblr
    +
    • + +
  • + +
    youtube
    +
    #icon-youtube
    +
    • + +
+
+

Symbol 引用

+
+ +

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 + 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：

+
    +
  • 支持多色图标了，不再受单色限制。
    • +
  • 通过一些技巧，支持像字体那样，通过 font-size, color 来调整样式。
    • +
  • 兼容性较差，支持 IE9+，及现代浏览器。
    • +
  • 浏览器渲染 SVG 的性能一般，还不如 png。
    • +
+

使用步骤如下：

+

第一步：引入项目下面生成的 symbol 代码：

+
<script src="./iconfont.js"></script>
+
+

第二步：加入通用 CSS 代码（引入一次就行）：

+
<style>
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>
+
+

第三步：挑选相应图标并获取类名，应用于页面：

+
<svg class="icon" aria-hidden="true">
+  <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+ +
+
+ + + diff --git a/assets/font/iconfont.css b/assets/font/iconfont.css index eb539f9..2936c10 100644 --- a/assets/font/iconfont.css +++ b/assets/font/iconfont.css @@ -1,67 +1,101 @@ - @font-face {font-family: "iconfont"; - font-display: auto; - src: url('iconfont.eot?t=1540738544101'); /* IE9*/ - src: url('iconfont.eot?t=1540738544101#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), - url('iconfont.ttf?t=1540738544101') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ - url('iconfont.svg?t=1540738544101#iconfont') format('svg'); /* iOS 4.1- */ + src: url('iconfont.eot?t=1551135143404'); /* IE9 */ + src: url('iconfont.eot?t=1551135143404#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), + url('iconfont.woff?t=1551135143404') format('woff'), + url('iconfont.ttf?t=1551135143404') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ + url('iconfont.svg?t=1551135143404#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { - font-family:"iconfont" !important; - font-display: auto; - font-size:16px; - font-style:normal; + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -.icon-flickr:before { content: "\e654"; } +.icon-codepen:before { + content: "\ea79"; +} -.icon-tag:before { content: "\e6fd"; } +.icon-reddit:before { + content: "\e761"; +} -.icon-linkedin:before { content: "\e698"; } +.icon-dajiantou:before { + content: "\e642"; +} -.icon-mail:before { content: "\e759"; } +.icon-xiaojiantou:before { + content: "\e666"; +} -.icon-search:before { content: "\e627"; } +.icon-twitter:before { + content: "\eb2a"; +} -.icon-mail01:before { content: "\e642"; } +.icon-facebook:before { + content: "\e638"; +} -.icon-wechat:before { content: "\e68b"; } +.icon-gitlab:before { + content: "\e719"; +} -.icon-facebook:before { content: "\e601"; } +.icon-medium:before { + content: "\e783"; +} -.icon-twitter:before { content: "\eb2a"; } +.icon-linkedin:before { + content: "\e696"; +} -.icon-love:before { content: "\e745"; } +.icon-pinterest:before { + content: "\e697"; +} -.icon-github:before { content: "\e712"; } +.icon-instagram:before { + content: "\e6b6"; +} -.icon-pinterest:before { content: "\e7bf"; } +.icon-github:before { + content: "\e691"; +} -.icon-up:before { content: "\e750"; } +.icon-mail:before { + content: "\e622"; +} -.icon-left:before { content: "\e60a"; } +.icon-keybase:before { + content: "\e665"; +} -.icon-folder:before { content: "\e638"; } +.icon-folder:before { + content: "\e7d1"; +} -.icon-close:before { content: "\e6d5"; } +.icon-icon-tag:before { + content: "\e632"; +} -.icon-dribbble:before { content: "\e696"; } +.icon-sun:before { + content: "\e684"; +} -.icon-instagram:before { content: "\e6b6"; } +.icon-quora:before { + content: "\f218"; +} -.icon-tumblr:before { content: "\e61f"; } +.icon-telegram-plane:before { + content: "\f246"; +} -.icon-telegram:before { content: "\e731"; } +.icon-tumblr:before { + content: "\f24a"; +} -.icon-xihuan:before { content: "\e86f"; } - -.icon-xihuan1:before { content: "\e870"; } - -.icon-right:before { content: "\e6dd"; } - -.icon-medium-circle-fill:before { content: "\e887"; } +.icon-youtube:before { + content: "\e765"; +} diff --git a/assets/font/iconfont.eot b/assets/font/iconfont.eot index eeeaff5..db7e52a 100644 Binary files a/assets/font/iconfont.eot and b/assets/font/iconfont.eot differ diff --git a/assets/font/iconfont.js b/assets/font/iconfont.js index 2f9e771..a11cd92 100644 --- a/assets/font/iconfont.js +++ b/assets/font/iconfont.js @@ -1 +1 @@ -(function(window){var svgSprite='';var script=function(){var scripts=document.getElementsByTagName("script");return scripts[scripts.length-1]}();var shouldInjectCss=script.getAttribute("data-injectcss");var ready=function(fn){if(document.addEventListener){if(~["complete","loaded","interactive"].indexOf(document.readyState)){setTimeout(fn,0)}else{var loadFn=function(){document.removeEventListener("DOMContentLoaded",loadFn,false);fn()};document.addEventListener("DOMContentLoaded",loadFn,false)}}else if(document.attachEvent){IEContentLoaded(window,fn)}function IEContentLoaded(w,fn){var d=w.document,done=false,init=function(){if(!done){done=true;fn()}};var polling=function(){try{d.documentElement.doScroll("left")}catch(e){setTimeout(polling,50);return}init()};polling();d.onreadystatechange=function(){if(d.readyState=="complete"){d.onreadystatechange=null;init()}}}};var before=function(el,target){target.parentNode.insertBefore(el,target)};var prepend=function(el,target){if(target.firstChild){before(el,target.firstChild)}else{target.appendChild(el)}};function appendSvg(){var div,svg;div=document.createElement("div");div.innerHTML=svgSprite;svgSprite=null;svg=div.getElementsByTagName("svg")[0];if(svg){svg.setAttribute("aria-hidden","true");svg.style.position="absolute";svg.style.width=0;svg.style.height=0;svg.style.overflow="hidden";prepend(svg,document.body)}}if(shouldInjectCss&&!window.__iconfont__svg__cssinject__){window.__iconfont__svg__cssinject__=true;try{document.write("")}catch(e){console&&console.log(e)}}ready(appendSvg)})(window) \ No newline at end of file +!function(n){var t,i='',l=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss");if(l&&!n.__iconfont__svg__cssinject__){n.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var l=function(){document.removeEventListener("DOMContentLoaded",l,!1),t()};document.addEventListener("DOMContentLoaded",l,!1)}else document.attachEvent&&(a=t,c=n.document,o=!1,e=function(){o||(o=!0,a())},(i=function(){try{c.documentElement.doScroll("left")}catch(t){return void setTimeout(i,50)}e()})(),c.onreadystatechange=function(){"complete"==c.readyState&&(c.onreadystatechange=null,e())});var a,c,o,e,i}(function(){var t,l,a,c,o,e;(t=document.createElement("div")).innerHTML=i,i=null,(l=t.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",a=l,(c=document.body).firstChild?(o=a,(e=c.firstChild).parentNode.insertBefore(o,e)):c.appendChild(a))})}(window); \ No newline at end of file diff --git a/assets/font/iconfont.svg b/assets/font/iconfont.svg index 872be25..d86b38d 100644 --- a/assets/font/iconfont.svg +++ b/assets/font/iconfont.svg @@ -20,76 +20,67 @@ Created by iconfont /> - + - + - + - - - - - - - - - - - - - + - + - + - + - + - - - - - - - - - - + - + - + - + - + - + - + + + + + + + + + + + + + diff --git a/assets/font/iconfont.ttf b/assets/font/iconfont.ttf index 60de203..10c9853 100644 Binary files a/assets/font/iconfont.ttf and b/assets/font/iconfont.ttf differ diff --git a/assets/font/iconfont.woff b/assets/font/iconfont.woff index 9fed71d..fd99182 100644 Binary files a/assets/font/iconfont.woff and b/assets/font/iconfont.woff differ diff --git a/assets/font/iconfont.woff2 b/assets/font/iconfont.woff2 new file mode 100644 index 0000000..4f05fe0 Binary files /dev/null and b/assets/font/iconfont.woff2 differ