ionic2tabs图标自定义实例-创新互联
一、准备资源
目前创新互联公司已为1000多家的企业提供了网站建设、域名、虚拟空间、网站托管、服务器租用、企业网站设计、正阳网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。tabs icon 的svg格式的矢量图片
二、生成字体样式文件
打开icoMoon网站去制作字体文件。
三、使用字体文件
解压下载的文件,将其中的fonts文件夹拷贝到ionic2项目的src/assest目录下。并且将其目录下的styles.css文件命名为wecare.scss(这个名称是你字体的文件名称),再将其拷贝到ionic2项目的src/assest/fonts目录下。下来我们去修改wecare.scss文件。
修改@font-face中的引用地址。
$font-path: '../assets/fonts'; @font-face { font-weight: normal; font-style: normal; font-family: 'wecare'; src: url('#{$font-path}/wecare.eot?l80w4l'); src: url('#{$font-path}/wecare.eot?l80w4l#iefix') format('embedded-opentype'), url('#{$font-path}/wecare.ttf?l80w4l') format('truetype'), url('#{$font-path}/wecare.woff?l80w4l') format('woff'), url('#{$font-path}/wecare.svg?l80w4l#wecare') format('svg'); }
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享名称:ionic2tabs图标自定义实例-创新互联
标题网址:http://lswzjz.com/article/dddjip.html