【uniapp实战笔记】微信小程序设置字体的开发踩坑记录
1、在微信小程序中开发uni-App时，我遇到了几个有关字体设置的问题，这里记录了开发中的踩坑记录。在使用canvas渲染文字时，必须设置文字的字体大小为整数。此外，微信小程序对于文字字体集的兼容性较差。在ios端，能成功设置的字体只有三种：Arial， Courier New， Georgia。
2、理解生命周期的概念，uniAPP小程序包含自身页面生命周期与Vue组件生命周期，确保在组件中正确应用如`onLoad`等生命周期方法。以上内容旨在提供在uniapp+vue3开发微信小程序过程中可能遇到的问题及解决方案，通过持续优化和学习，开发者能够更高效地解决开发中的挑战。
3、注意点：理解uniapp小程序页面生命周期与Vue组件生命周期的概念，确保在组件中正确应用如onLoad等生命周期方法。通过关注这些常见问题和相应的解决方案，开发者可以更高效地解决在uniapp+vue3开发微信小程序过程中遇到的挑战。
4、uniapp可以适应多个平台开发，你会发现在HBuilderX上的内置浏览器上调接口，没问题；在小程序中，也没问题；连接手机联调也没问题；当后台设置允许跨域之后，前端h5需要进行设置反向代理才能解决这个问题。hbuilder运行uniapp没反应：检查微信开发者工具中是否开启服务端口号。
小程序支持哪些字体
小程序支持的字体包括系统默认字体和第三方字体。系统默认字体：IOS系统：微信小程序在iOS系统上默认使用的字体是San Francisco。这是一种优雅且易读的字体，专为iOS设备设计，能够提供良好的阅读体验。安卓系统：微信小程序在安卓系统上默认使用的字体是Droid sans Fallback。
使用微信小程序 小程序A（支持17种英文效果）：打开微信，搜索并进入该小程序。在小程序内选择你想要的英文字体效果。输入你想要转换的英文句子，点击转换或生成按钮。复制生成的英文字体，然后粘贴到微信朋友圈的文本框中。小程序B（支持11种英文效果+19种花边中文）：同样，打开微信并搜索该小程序。
以下软件支持通过手机查询书法五种字体（篆书、隶书、楷书、行书、草书）：书法字典大全（微信小程序）该工具集成篆、隶、楷、行、草五大字体体系，用户输入汉字后可查询上千位书法家的不同写法，覆盖历代名家作品。其优势在于无需下载APP，通过微信即可快速访问，适合临时查询需求。
打开transfonter网站，这是一个在线字体格式转换工具。上传字体文件：在transfonter网站上，上传解压得到的fontawesome-webfont.ttf文件。选择转换格式：根据需要选择转换的字体格式，通常微信小程序支持woff、woff2等格式。下载转换后的字体文件：完成格式转换后，下载转换后的字体文件到本地。
在iOS端，能成功设置的字体只有三种：Arial， Courier New， Georgia。而在android端，只有serif和nato两种字体在canvas中生效，但在DOM中直接设置这两种字体没有任何变化。对于旧型号的Android手机，仅对英文有影响。有两条解决路径：重写H5页面使用webview嵌入小程序，或继续兼容操作。
小程序中字体样式属性按顺序包括：font-style（文字样式）、font-variant（是否小型大写字母）、font-weight（字体粗细）、font-size/line-height（字体尺寸大小）、font-family（字体名称）和font-strETCh（字是否横向拉伸变形）。具体解释如下： font-style：用于设定文字样式。
小程序前端开发:在小程序里使用自定义字体
1、在小程序的开发中，为了提升图表统计或数字显示的视觉效果，自定义字体的使用变得尤为重要。通常，系统内置的字体可能无法满足设计师的个性化需求，如图所示，UI设计师使用了名为DINPro-Bold的国外字体，以增强视觉冲击力。
2、下载后，会得到名为 download.zip 的压缩文件。解压缩文件，可以看到包含的文件。第二步：转换字体文件为 base64 格式 前往 transfonter.org 平台，将解压缩后的 ttf 字体文件转换成 base64 格式。操作流程为：下载转换后的压缩文件，解压缩，可得到几个文件。
3、第一步：获取CSS代码 首先，进入iconfont平台，创建项目并输入所需参数，创建项目后，挑选所需图标并将其加入项目中。点击右上角的购物车按钮，将图标添加至项目。随后，在项目中，生成用于使用的CSS文件，获取该文件的URL。
