微信小程序外部字体的导入

事先准备
因为微信不支持外部文件夹的权限，所以首先去下载一个自己选中的字体，也就是ttf文件，将该ttf文件上传至https://transfonter.org/
注意选中 Base64 encode 然后点击convert转换并下载压缩文件，用Dw打开其中的css文件，将其中的代码，复制到页面的.wxss文件下
再选择并调用。

存在问题：1、加入代码后界面所有格式混乱，图标移动位置，乱套

原因：跟下载后生成的css文本的代码内容的大小有关，可能超出了微信小程序空间的极限

2、加入代码后不再报错，但是，一运行，显示找不到该字体
或者显示如下

Failed to load font http://1109080104.debug.open.weixin.qq.com/pages/my/Heirloom.eot-do-not-use-local-path-./pages/my/my.wxss&126&6 : the server responded with a status of 404 (HTTP/1.1 404 Not Found)
From server 127.0.0.1

可能原因：该字体面向英文字母的字体，而你开始用的是中文。

微信小程序外部字体的导入相关推荐

微信小程序：字体设计符号组合多功能微信小程序源码
这是一款主打字体设计,符号组合等多模板功能的一款微信小程序源码内含多种功能,比如: 花式字体设计表情字体组合设计翅膀字体组合火星文一键生成符号库空白名称彩色网名等等还有很多,所以小编就 ...
【微信小程序控制硬件②】开始微信小程序之旅，导入小程序Mqtt客户端源码，实现简单的验证和通讯于服务器.（附带源码）
文章目录一.前言: 二.注册微信小程序: 三.本博文连接和微信物联有何区别: 四.微信小程序`MQTT`客户端源码导入注意事项: 五.下载: 微信物联网生态主要分在微信硬件开发平台与腾讯物联开发平台 ...
微信小程序iconfont字体图标文件无法上传问题
最近在写毕业设计的时候,因为微信小程序本身的字体图标无法满足我的开发需求,但是在引入之后发现开发工具预览没问题但是真机调试就出现了问题, 在查阅资料后找到了解决的办法.我将原本放在static下的字体 ...
微信小程序横屏字体变大的完美解决方案
微信小程序设置横屏之后原本的rpx单位就不再适用. rpx:屏幕宽度是固定的 750rpx,也就是说:5rpx == 5 / 750 * 屏幕宽度,竖屏切换成横屏,屏幕宽度就会变大,5rpx也会随即变 ...
微信小程序云开发csv导入数据库中文乱码问题解决
针对这个问题自己总结了一套步骤. 一.新建Excel并编辑数据: 二.Excel 编辑好后另存为csv文件(直接导入微信小程序云开发数据库会出现中文乱码): 三.csv文件直接改后缀名为.txt,然后 ...
微信小程序按钮字体设置
最近在做微信小程序,发现按钮默认的字体大小跟UI出来的图还是有差异的,所以把相关代码贴出来: background-color属性是修改背景颜色的,color是修改字体颜色的, 这里注意:如果< ...
微信小程序设置字体无效_微信小程序自定义字体及自定义图标问题说明
自定义图标及自定义字体,一直是很多小程序开发者的心病,其实本站是很多解决方案的,为了集中起来,方便直接跳过此坑,我特别做了这次针对字体及字体图标的跳坑: 相关讨论: Q:小程序开发时能否使用我们自定义 ...
uniapp微信小程序引入字体
案例演示小程序有些字体不支持,我们如何引入,步骤如下: 第一步:下载需要的字体第二步:如果只是用其中的数字,则需要使用工具单独再摘出来,这样文件会很小. 生成新的字体文件,此文件大小很小. 第三步 ...
微信小程序：字体保持大小
小程序和网页差不多,前台用wxml把内容摆好,然后用css调整样式.所以和web一样,必须要能够精确控制每一个元素的大小.在Web中,通过CSS基本达到了像素级的控制.但在小程序中,情况有所不同.下面 ...

微信小程序外部字体的导入

微信小程序外部字体的导入相关推荐

最新文章

热门文章