1. 字体相关属性属性意思font-size字体大小，单位有 px 像素，em 相对父元素，rem 相对于根 HTML 元素。PC 端浏览器默认是 16px。font-family字体系列，常用的有 ‘PingFang SC’，’Microsoft Yahei’，simsunfont-weight字体粗细，9 级加粗度（100 ~ 900）。400 等价于 normal，700 等价于 bold。
最近做的一个H5刚开开心心提测就被QA一顿怼?，当input输入完成后页面简直卡成翔?，当我接过手机亲自测试时慌的一批?，顿时开始怀疑人生?，马上开始进入紧张的排查中?，经过两天不断的调试优化?，最终完美解决所有问题❤️，此文可以彻底解决iOS的H5页面卡顿以及键盘回落后留白问题?。1.定位问题当QA和我反映页面卡顿只在iOS上出现时，第一反应肯定不是代码的问题，我也很纳闷iOS性能普遍要比and
转载
2023-10-20 09:57:05
91阅读
# iOS 字体与 CSS 的结合使用
在现代网页设计中，字体的选择与排版至关重要。尤其在 iOS 设备上，用户对内容的视觉效果和可读性有着更高的期待。本文将探讨在 iOS 环境中如何使用 CSS 设置字体，提供代码示例，并通过状态图和关系图进一步说明相关概念。
## 1. 字体的基本概念
字体（Font）是文本的视觉表现，它包括字形、字重、字间距等属性。在网页设计中，CSS（层叠样式表）是
CSS 字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。 CSS 字体系列在 CSS 中，有两种不同类型的字体系列名称：通用字体系列 - 拥有相似外观的字体系统组合（比如 "Serif" 或 "Monospace"）特定字体系列 - 具体的字体系列（比如 "Times" 或 "Courier"）除了各种特定的字体系列外，CSS 定义了 5 种通用字体系列：Serif
转载
2024-05-17 09:43:59
93阅读
属性描述font简写属性。作用是把所有针对字体的属性设置在一个声明中。font-family设置字体系列。font-size设置字体的尺寸。font-size-adjust当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）font-stretch对字体进行水平拉伸。（CSS2.1 已删除该属性。）font-style设置字体风格。font-variant以小型大写字体或者
转载
2023-12-21 11:06:45
138阅读
基础font系列
字体font-family<body>
<div style="font-family: '黑体';">
你好-黑体
</div>
<div style="font-family: '微软雅黑';">
你好-微软雅黑
</div>
<div st
转载
2024-05-18 19:26:48
49阅读
所有CSS基础学习文档下载地址：三、CSS设置字体
*****************************************
1.font-family
2.font-style
3.font-variant
4.font-weight
5.font-size
6.font
****
viewpointcss3提供了一些与当前viewpoint相关的元素，vw，vh，vmin, vmax等。 “viewpoint” = window size
vw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, 最小
1vmax = 1vw or 1vh, 最大 兼容性：chrome 20+/
转载
2024-09-24 20:33:10
31阅读
# CSS iOS 字体偏移
在移动端开发中，我们经常会遇到一些奇怪的问题，比如字体在 iOS 设备上的偏移。这个问题很常见，但却被许多人忽视。本文将介绍这个问题的原因，并提供一些解决方案。
## 问题描述
在 iOS 设备上，当我们使用 CSS 设置字体时，有时会发现字体比正常情况下偏离。这个偏离的距离可能会因字体、字号等因素而有所不同。这个问题通常会在使用非系统默认字体时出现。
## 问
原创
2023-08-13 16:06:18
448阅读
# CSS iOS字体变小
在开发响应式网页时，有时候我们需要根据不同的设备调整字体的大小。在iOS设备上，字体的显示效果与其他设备可能会有差异。本文将介绍如何在CSS中调整iOS设备上字体的大小，并提供相应的代码示例。
## 为什么iOS字体需要特殊处理？
iOS设备使用了自己的字体渲染机制，与其他设备有所不同。在iOS设备上，字体可能会比预期的要大一些。这是因为iOS设备默认启用了字体的
原创
2023-08-31 08:57:12
232阅读
为了让字体显示更加清晰锐利，微软在最近的 Windows 10 Insider 内测版中“重绘了”雅黑字体。这个改动颇受好评，用户们十分感动！然后微软在正式版中顺手就将这个改动砍掉了……砍掉了……砍掉了……嗯，既然这样，咱们还是自己动手来改善字体的显示效果吧……由于苹果 Macbook 几乎全系标配超高清的视网膜屏，所以 macOS 自带的「苹方字体」可以说天生就是为高分屏而设计的！在 2K、4K
转载
2024-01-30 07:00:23
440阅读
# 如何实现 CSS 中的 iOS 字体间距
作为一名刚入行的开发者，掌握 CSS 中的字体间距调整是非常重要的，尤其是在开发 iOS 应用或响应式网页时。本文将为你提供一个详尽的指南，教你如何实现 iOS 字体间距调整，确保你的文本在各类设备上均能以最佳方式呈现。
### 整体步骤概览
在开始之前，我们先来看一个简单的流程图，这将帮助你清晰了解整个实现过程。
```mermaid
gan
编者按：本文作者李松峰，资深技术图书译者，翻译出版过40余部技术及交互设计专著，现任360奇舞团Web前端开发资深专家，360前端技术委员会委员、W3C AC代表。CSS Font Module Level 3（本文以下简称“ML3”）新增了字体特性（Font Feature）属性，用于扩展font-variant，以支持丰富OpenType字体特性，如连字。我们知道，字体文件中包含着从Unico
转载
2024-09-20 22:23:07
28阅读
# CSS iOS字体变大
在iOS设备上，字体的大小可能与在其他平台上看起来不同。这是因为iOS设备对字体的呈现有自己的规则。如果你希望在iOS设备上调整字体的大小，可以通过CSS来实现。
## 为什么字体在iOS设备上看起来不同？
iOS设备使用的是苹果自己的字体渲染引擎，这个引擎对字体的渲染有自己的一套规则，所以同样的字体在iOS设备上可能会比在其他平台上看起来更大或更小。
## 如
原创
2024-07-11 04:37:20
153阅读
css 字间距，使用css来控制字与字之间距离，也叫css字间距方法。使用到的css样式属性单词text-indent抬头距离，letter-spacing字与字间距。Css字间距、div css字符间距样式实例1、text-indent设置抬头距离css缩进即对，对应div设置css样式text-indent : 20px; 缩进了20px2、letter-spacing来设置字与字间距_字符间
转载
2023-07-06 23:04:12
376阅读
后来了解到的手机系统 ios、android 等是不支持微软雅黑字体，为了满足产品的需要，保证视觉稿的还原度，手机端是如何定义微软雅黑字体呢？ 相信大家会想到 @font-face 定义为微软雅黑字体并存放到 web 服务器上，在需要使用时被自动下载@font-face {
font-family: 'MicrosoftYaHei' ;
src: url( 'Microso
转载
2023-08-03 21:18:07
602阅读
安装完的效果： 参考：https://linuxhint.com/gnome-tweak-tool-ubuntu-17-10/————————————————————————————————————————————————————下面正式开始————————————————————————————————————————————————————要安装主题，首先要先安装相应的工
字体样式字体类型字体大小字体风格字体粗细属性说明示例font在一个声明中设置所有字体属性font: italic bold 32px “宋体”;font-family设置字体类型font-family: “隶书”;font-size设置字体大小font-size: 32px;font-style设置字体风格font-style: oblique;font-weight设置字体粗细font-weig
转载
2024-04-12 12:03:56
200阅读
css中的字体样式一般包含有就9中，常见的有7种。这7种依次为： 1.字体样式：font-family； 2.字体大小：font-size； 3.字体加粗：font-weight； 4.字体斜体：font-style； 5.颜色：color； 6.文本装饰线条：text-decoration； 7.文字阴影：text-shadow； 其中， font-famil用于设置文字名
转载
2024-01-08 18:17:07
152阅读
本节学习CSS中通过文本样式的设置，来更改字体样式等。 font-size用来设置字体大小。 ①直接用数字+px表示多少像素。②用一个层级值xx-small，x-small，small，medium，large，x-large，xx-large从小到大。③使用smaller和larger表示相对于父元素字体的大小。④数字+%表示相对于父元素的字体的百分比大小。font-variant设置字体是
转载
2023-08-21 16:35:22
246阅读
