返回顶部
首页 > 资讯 > 精选 >微信小程序字体如何设置
  • 615
分享到

微信小程序字体如何设置

2023-06-26 09:06:43 615人浏览 泡泡鱼
摘要

这篇文章给大家分享的是有关微信小程序字体如何设置的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一:字体一.字体:font。设置对象的文本特性。font-style:文字样式。取值:nORMal 正常的字体, it

这篇文章给大家分享的是有关微信小程序字体如何设置的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

一:字体

一.字体:font。设置对象的文本特性。

font-style:文字样式。

取值:nORMal 正常的字体, italic 斜体字, oblique 倾斜的字体。

font-weight:设置文本字体的粗细。取值范围为100-900.

取值:mormal:正常大小相当于400。bold :粗体,相当于700。bolder, lighter。

font-size:设置字体尺寸大小。

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

取值:mormal 正常的字体。small-caps 小型的大写字母字体。设置了以后会不论原来是否为大小字母 全部改为大写。

font-family:设置字体名称。

font-stretch:设置对象中的文字是否横向拉伸变形。

取值:normal:正常文字宽度。

ultra-condensed:比正常文字宽度窄4个基数。

extra-condensed:比正常文字宽度窄3个基数。

condensed:比正常文字宽度窄2个基数。

semi-condensed:比正常文字宽度窄1个基数。

semi-expanded:比正常文字宽度宽1个基数。

expanded:比正常文字宽度宽2个基数.

extra-expanded:比正常文字宽度宽3个基数。

ultra-expanded:比正常文字宽度宽4个基数。

font-size-adjust:设置对象的 aspect 值,用以保持首选字体的 x-height。

如果 14px 的 Verdana(aspect 值是 0.58)不可用,但是某个可用的字体的 aspect 值是 0.46,那么替代字体的尺寸将是 14 * (0.58/0.46) = 17.65px。

感谢各位的阅读!关于“微信小程序字体如何设置”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: 微信小程序字体如何设置

本文链接: https://lsjlt.com/news/308721.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 微信小程序字体如何设置
    这篇文章给大家分享的是有关微信小程序字体如何设置的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一:字体一.字体:font。设置对象的文本特性。font-style:文字样式。取值:normal 正常的字体, it...
    99+
    2023-06-26
  • 微信小程序如何设置字体样式
    本文小编为大家详细介绍“微信小程序如何设置字体样式”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序如何设置字体样式”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。一.前言我们的目标是做出以下效果。在实现上...
    99+
    2023-07-05
  • 【微信小程序开发】字体样式设置
    目录 一.前言 二.案例实现 1.编写index.wxml代码 2.编写app.wxss文件代码代码 3.编写index.wxss文件代码 三.代码编译 一.前言 本篇文章将介绍在设计微信小程序时,利用style和class两种方式来设...
    99+
    2023-09-05
    微信小程序 小程序 javascript
  • 微信小程序字体大小如何调整
    微信小程序的字体大小可以通过wxss文件中的font-size属性来调整。具体步骤如下:1. 打开小程序的wxss文件(通常是app...
    99+
    2023-08-15
    微信小程序
  • 微信小程序如何使用CSS3字体
    今天小编给大家分享一下微信小程序如何使用CSS3字体的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。@font-face是CS...
    99+
    2023-06-26
  • 微信小程序开发指南之字体样式设置
    目录一.前言二.案例实现1.编写index.wxml代码2.编写app.wxss文件代码代码3.编写index.wxss文件代码三.代码编译总结一.前言 本篇文章将介绍在设计微信小程...
    99+
    2023-03-01
    微信小程序字体样式设置方法 小程序字体大小设置 小程序自定义字体
  • 微信小程序字号怎么设置
    本篇内容主要讲解“微信小程序字号怎么设置”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序字号怎么设置”吧!canvasContext.setFontSize定义设置字体的字号。参数参数类...
    99+
    2023-06-26
  • 微信小程序外边框如何设置
    微信小程序的外边框可以通过设置页面的样式来实现。可以在页面的wxss文件中设置页面的外边框样式,如下所示: .page { bo...
    99+
    2024-05-14
    微信小程序
  • 微信小程序中如何使用自定义字体
    这篇文章主要介绍了微信小程序中如何使用自定义字体的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序中如何使用自定义字体文章都会有所收获,下面我们一起来看看吧。技术难点1. 微信限制大家开发过微信小程序的应...
    99+
    2023-06-29
  • 微信小程序如何设置页面转换
    微信小程序中实现页面转换的几种方法wx.navigateTo()方法wx.navigateTo({url: '跳转的页面地址'})wx.redirectTo()方法wx.redirectTo({url: '跳转的页面地址'})wx.swit...
    99+
    2024-04-02
  • 微信小程序开发中如何设置置顶栏文字内容
    这篇“微信小程序开发中如何设置置顶栏文字内容”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“微信小程序开发中如何设置置顶栏文字内容”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解...
    99+
    2023-06-26
  • 微信小程序里如何设置页面底部
    微信小程序里设置页面底部的案例:在小程序项目中app.json配置文件下,添加代码:"tabBar": {"color": "#a9b7b7","selectedColor": "#11cd6e","borderStyle":"white"...
    99+
    2024-04-02
  • 微信小程序中wx.chooseimage如何设置为同步
    这篇“微信小程序中wx.chooseimage如何设置为同步”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“微信小程序中wx.chooseimage如何设置为同步”,小编整理了以下知识点,请大家...
    99+
    2023-06-26
  • 微信小程序中如何设置屏幕亮度
    本文将为大家详细介绍“微信小程序中如何设置屏幕亮度”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“微信小程序中如何设置屏幕亮度”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知...
    99+
    2023-06-26
  • 微信小程序开发中如何使用iconfont字体图标
    本文小编为大家详细介绍“微信小程序开发中如何使用iconfont字体图标”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序开发中如何使用iconfont字体图标”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧...
    99+
    2023-06-26
  • 微信小程序如何设置底部导航栏目
    这篇文章给大家分享的是有关微信小程序如何设置底部导航栏目的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。微信小程序设置底部导航栏目方法我们先来看个效果图这里,我们添加了三个导航图标...
    99+
    2024-04-02
  • 微信小程序如何设置刷新当前页面
    使用this.onShow()函数实现刷新当前页面首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:utils/app.json文件;最后,在app.js中,定义一个全局变量Flag,默认值为false,再调用接口获取数...
    99+
    2024-04-02
  • 微信小程序如何设置页面不可滑动
    在微信小程序中设置页面不可滑动的方法首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找到test/test.wxml文件,并使用记事本打开;test.wxml文件打开后,使用swiper-item标签包裹所有view;&l...
    99+
    2024-04-02
  • 微信小程序制作如何设置营销活动
    这篇文章给大家分享的是有关微信小程序制作如何设置营销活动的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。裂变获客 提供多种营销功能,帮助商家提升线上获客能力,并拓客销售渠道。 拼团:支持老带新拼团,通过给予一定的...
    99+
    2023-06-27
  • 微信小程序缓存过期时间如何设置
    本文小编为大家详细介绍“微信小程序缓存过期时间如何设置”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序缓存过期时间如何设置”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。微信小程序缓存机制介绍每个微信小程...
    99+
    2023-07-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作