首页 > 其他分享 >CSS 常用苹方字体

CSS 常用苹方字体

时间:2023-05-09 17:23:48浏览次数:39  
标签:sans family PingFangTC 苹方 serif 字体 font CSS

// 苹方-简 常规体
font-family: PingFangSC-Regular, sans-serif;

// 苹方-简 极细体
font-family: PingFangSC-Ultralight, sans-serif;

// 苹方-简 细体
font-family: PingFangSC-Light, sans-serif;

// 苹方-简 纤细体
font-family: PingFangSC-Thin, sans-serif;

// 苹方-简 中黑体
font-family: PingFangSC-Medium, sans-serif;

// 苹方-简 中粗体
font-family: PingFangSC-Semibold, sans-serif;

苹方除了简体的:苹方-简(PingFang SC),还为繁体用户提供有:苹方-繁(PingFang TC) ,苹方-港(PingFang HK)

苹方-繁 的 CSS font-family 使用:
font-family: PingFangTC-Regular, sans-serif;
font-family: PingFangTC-Ultralight, sans-serif;
font-family: PingFangTC-Light, sans-serif;
font-family: PingFangTC-Thin, sans-serif;
font-family: PingFangTC-Medium, sans-serif;
font-family: PingFangTC-Semibold, sans-serif;

苹方-港 的 CSS font-family 使用:
font-family: PingFangHK-Regular, sans-serif;
font-family: PingFangHK-Ultralight, sans-serif;
font-family: PingFangHK-Light, sans-serif;
font-family: PingFangHK-Thin, sans-serif;
font-family: PingFangHK-Medium, sans-serif;
font-family: PingFangHK-Semibold, sans-serif;

标签:sans,family,PingFangTC,苹方,serif,字体,font,CSS
From: https://www.cnblogs.com/wstmljf/p/17385689.html

相关文章

  • 常用css
    单行省略/**强制不换行:white-space:nowrap;*超出隐藏:overflow:hidden*超出的文本显示省略号:text-overflow:ellipsis;*需要设置宽度*/.t-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/*width:100%;*/}......
  • css中rem,em
    名词解释,rem是使用的重点1.rem的定义理解:通过设置根元素<html>的font-size的大小,来控制整个html文档内的字体大小、元素宽高、内外边距等,2.rem(fontsizeoftherootelement)是指相对于根元素的字体大小的单位。em(fontsizeoftheelement)是指相对于父元素的字体大小的......
  • 未知大小的图片适应(保持宽高比且不超出)图片容器的CSS属性
    假设我们本地代码中有一个宽*高为100px*100px的图片的容器元素<divclass="img-wrapper"style="width:100px;height:100px;"><imgsrc="..."alt="待展示图片"/></div> 如果图片不我们本地,而是属于其他人资源,那么图片的尺寸、大小对于我们来讲是不可控的。这种情......
  • FreeCodeCamp-创建一副毕加索绘画来学习中级 CSS
    index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>PicassoPainting</title><linkrel="stylesheet"href="./styles.css"/><......
  • 使用Webstrom自动编译SASS/SCSS为CSS
    sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下自带Ruby无需在安装Ruby!)window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装。安装过程中请注意勾选AddRubyexecutablestoyourPATH添加到系统环境变量。Ruby官方下载地址安装完成后需测试安装有没有......
  • CSS
    CSS介绍CSS(CascadingStyleSheet,层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。CSS语法CSS实例每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。CSS注释/*这是注释*/......
  • 为设计师准备的 15 个免费新鲜的字体
    AxeHandelGoingFastKa-Boing!NoasarckFreshMakerHalcyoniaMANABUMAJORGUILTYRemodulaGalapogosLainieDayButterFingerPonyMakerRangerGrigovia djdesignerlab......
  • HTML与CSS规范
    此规范主要实现目标:代码一致性和最佳实践.降低代码的成本同时改善多人协作的效率。同时遵守最佳实践,确保页面得到最佳优化和高效代码。命名规则项目命名全部采用小写方式,以下划线分隔。例如:my_project_name目录命名参照项目命名规则常用css/images/js/stylesJS文件命......
  • CSS内外边距属性
    <head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title></head><styletype="text/css">h1{ background-color:green; padding-top:20px; padd......
  • css 文字内容过长和下一个信息项重叠解决办法(uniapp)
    1.把固定高度注释掉,自动调整高度.cardBox{ padding:20rpx30rpx; .item{ //width:calc(100%-40rpx); //height:398rpx; padding:10rpx20rpx0rpx; margin-bottom:25rpx; border-radius:8rpx; box-shadow:0rpx4rpx16rpx2rpx#BDC0C6; background:......