学习日记--移动端字体解决办法()
程序员文章站
2022-03-27 10:07:22
...
参考材料:https://www.jianshu.com/p/85d4f01f68d8
Material + Icon的使用方法
下载Icon+css文件http://fonts.googleapis.com/icon?family=Material+Icons
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v43/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
引入demo.css文件或者引入 刚刚你下载的文件 或者直接引入
推荐阅读
-
html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式
-
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配
-
常见的移动端H5页面开发遇到的坑和解决办法
-
移动开发基础-学习笔记二-字体图标、less、bootstrap入门
-
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
-
fixed在移动端开发中遇到的坑及解决办法
-
Python学习日记(三十二) hmac检验客户端的合法性和socketsever模块
-
移动端页面字体在微信被放大,导致排版错乱
-
APP后台(SSM架构)+android移动端的学习讲解
-
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配