微信小程序设置字体的方式有哪些

很多人都关注小程序开发过程中的字体设置问题，但微信小程序的字体设置包括字体样式、大小、小程序文字颜色等。小编将向大家详细解释。

一、字体：字体。属性在一个声明中设置所有字体属性。

可以设置的属性有(按顺序):'字体-字体-变体字体-字体粗细-字体大小/行高-字体系列'。

需要字体大小和字体系列的值。如果缺少其他值，将插入默认值(如果有)。

1.font-style: text style。

数值：正常字体、斜体、斜斜字体。

2.font-weight:设置文本字体的粗细。范围是100-900。

值：常规：正常大小相当于400。bold : bold，相当于700。更大胆、更轻巧.

3.font-size:设置字体大小。

4.font-variant:设置对象中的文本是否为小大写字母。

值：莫尔莫尔的正常字体。小型大写字母字体。设置后，无论原始字母是大是小，都会变成大写。

5.font-family:设置字体名称。

6.font-stretch:设置对象中的文本是否被横向拉伸和变形。

值：normal:正常文本宽度。

超浓缩：比正常文字宽度窄4个碱基。

超缩：比正常文字宽度窄3个基数。

浓缩：比正常文本宽度窄2个基数。

半浓缩：比正常文本宽度窄一个基数。

半扩展：比正常文本宽度宽一个基数。

expanded:比正常文本宽度宽2个基数。

额外扩展：比正常文本宽度宽3个基数。

超扩展：比正常文字宽度宽4个基数。

7.font-size-adjust:只有firefox支持。设置对象的纵横比以保持字体的x高度。

如果14px verdana(纵横比为0.58)不可用，但可用字体的纵横比为0.46，那么替代字体的大小将是14 * (0.58/0.46)=17.65px.

看了以上信息，现在对微信小程序中设置字体了解多了吗？可以在源代理网的小程序频道搜索相应的设置教程，希望对你有帮助。

下面是如何实现标题开头微信小程序顶部的tab切换。标题到此结束

微信小程序顶部的标签页怎么切换？这是微信小程序开发中极其重要的一个环节。你应该仔细阅读小编提供的以下信息，并了解更多。

微信小程序tabbar导航小程序底部的中文标注api，字母小程序tabbar是app底部的导航条，可以放1-5个导航链接。下面是微信小程序底部导航条的中文解释。

微信小程序tabbar配置在全局app.json文件中。

小程序的tabbar配置代码注释

{

第' :页[

页面/索引/索引'，'页数/细节/细节'

],

window':{

navigation bartitletext ' : ' tab bar '，navigation barbakgroundcolor ' : ' # f60 '，navigation bartexstyle ' : ' white '

},

//tabbar注意b是大写的。当朋友提问时，选项卡不会出现。检查这里是否有错误。

tabbar':{

//文档指出颜色是必填项，但可以为空。如果不重写颜色，会是深灰色，风格会更均匀

颜色' : '# '，//同样，文档指出selectedcolor是必选项，但需要重写selectedcolor，以区分当前项和普通项

选择颜色' : ' # 3cc51f '，//同样，单据上注明颜色为必输项，但可以为空。如果不重写backgroundcolor，会是浅灰色，风格会比较统一。

backgroundcolor': '#fff '，//borderstyle，如果不写默认，就是黑，那就是黑。如果是白色，就会少一条分隔线，与页面混在一起

borderstyle': '黑色'，list':[{

页面路径' : '页面/索引/索引'，//iconpath图标不是必需的，但是标签栏会变短，自然的selectediconpath可能不会写

icon path ' : ' image/icon _ api . png '，selectedicon path ' : ' image/icon _ api _ hl . png '，文本' : '索引'

},{

页面路径' : '页面/细节/细节'，icon path ' : ' image/icon _ component . png '，selectedicon path ' : ' image/icon _ component _ hl . png '，文本' : '详细信息'

}]

}

}

小程序的参数描述

如果我们的小程序是一个多标签应用程序(在客户端窗口的底部有一个标签栏来切换页面)，那么我们可以指定标签栏的性能和标签切换时显示的相应页面。

tabbar是数组，只能配置至少2个tab，比较多5个tab。选项卡按数组顺序排序。

属性描述：

要求的属性类型默认值描述

颜色颜色是选项卡上文本的默认颜色

selectedcolorhexcolor是选择选项卡上的文本时的颜色

背景颜色是标签的背景颜色

borderstylestring不是blacktabbar上边框的颜色，只支持黑色/白色

listarray是选项卡列表。有关详细信息，请参见列表属性的描述。至少有2个选项卡，比较多有5个选项卡

位置字符串没有底部可选值底部和顶部

列表接受一个数组，数组中的每一项都是一个具有以下属性值的对象：

属性类型必需描述

pagepathstring是页面路径，必须先在页面中定义

textstring是选项卡上小程序按钮的文本

iconpathstring是图片路径，图标大小限制为40kb

selectediconpathstring是选定的图片路径，图标大小限制为40kb

看了上面的信息，应该都知道如何在微信小程序顶部切换标签了。只有成功掌握这个技能，才能开发小程序。更多相关信息，请关注源代理网的小程序渠道。