微信小程序css篇----字体(Font)

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。

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

可设置的属性是（按顺序）： "font-style font-variant font-weight font-size/line-height font-family".

font-size和font-family的值是必需的。如果缺少了其他值，默认值将被插入，如果有默认值的话.

1.font-style：文字样式。

取值：normal 正常的字体， italic 斜体字， oblique 倾斜的字体。

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

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

3.font-size：设置字体尺寸大小。

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

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

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

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

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

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

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

微信小程序css篇----字体(Font)相关推荐

微信小程序css篇----定位（position）
昨天2017的微信公开课pro如期进行了,小程序将于2017年1月9日对个人开放,公司项目的demo版做了个大概,过程中花的时间最多的还是页面布局,所以后面将花一段时间将css的属性在小程序里过一篇, ...
微信小程序css篇----flex模型
一.Flex布局是什么? Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性. 任何一个容器都可以指定为Flex布局. .box{displ ...
微信小程序css篇----背景（Background）与颜色（Color）
一.背景:background.设置对象的背景特性.一个元素可以设置多重背景图像,每组之间用逗号隔开,如果存在重叠关系,前面的背景图像会覆盖在后面背景图上. 1.background-color:指定 ...
微信小程序css篇----1.边框(Border)
一.边框:border 设置对象边框的特性. 1.语法:border:length style color 2.style:none ,hidden,dotted,dashed,solid,doubl ...
《微信小程序-进阶篇》组件封装-Icon组件的实现（一）
大家好,这是小程序系列的第九篇文章,从这篇开始我们将进入提高篇,在这一个阶段,我们的目标是可以较为深入的了解组件化开发,并且实践积累一些后续项目也就是原神资料站中用得着的组件: 1.<微信小程序 ...
前端微信小程序实战篇
电商底部导航栏的制作我想大家对电商一定不陌生,一般电商的底部导航栏有以下几个首页.分类.购物车.个人中心. app.json是用来配置page路径以及导航栏属性的,那我们要做首页.分类.购物车.个人 ...
微信小程序可以加服务器上的字体,微信小程序中自定义字体
微信小程序支持自定义字体开放出来也有段时间,这边整理下使用自定义字体中,容易忽略的一些问题,和简便的全局自定义方式.如果是同时加载两种字体包,先下载下来的会被后下载下来的字体包给覆盖. 官网接口文档 ...
《微信小程序-基础篇》初识微信小程序
大家好,好久不见了,前段时间各种原因分享不稳定,后面一段时间内参与了主站的原力计划,请麻烦各位支持一下,万分感谢- 本系列将从零开始介绍微信小程序的开发,介绍完基础以后会实际同步开发一个微信小程序的项 ...
微信小程序使用特殊字体包
微信小程序使用特殊字体包 js页面 Page({data: {fontFamily: 'font1', },loadFontFace() {const self = thiswx.loadFontFa ...

微信小程序css篇----字体(Font)

微信小程序css篇----字体(Font)相关推荐

最新文章

热门文章