changedman

手机端网页制作总结

1.整体css引入(设置各种整体的样式)

2.引入2个js使页面自适应(现在不知道为什么)

<script src="https://cdn.osnt.wang/kaisitong/js/flexible.js"></script>
<script src="https://cdn.osnt.wang/kaisitong/js/flexible_css.js"></script>

3.加字体样式

在css文件中引入这样一段代码

@font-face {
    font-family: "TCM"; //这里的名字随便起
    src: url(\'./font/Elkwood-Free.eot\');  //下边的路径就是根据下载的字体文件转换后放到font文件夹中的的文件路径
    src: url(\'./font/Elkwood-Free?#iefix\') format(\'embedded-opentype\'),
    url(\'./font/Elkwood-Free.woff\') format(\'woff\'),
    url(\'./font/Elkwood-Free.ttf\') format(\'truetype\'),
    url(\'./font/Elkwood-Free.svg#Elkwood-Free\') format(\'svg\');
}

转换字体的网站

https://www.fontke.com/tool/convfont/

分类:

技术点:

相关文章: