CSS 什么是font |
您所在的位置：网站首页 › font-family字体备选 › CSS 什么是font |
|
CSS 什么是font-family -apple-system
在CSS中，‘font-family’属性用来设置HTML元素的文本内容的字体。它接受一个包含多个字体名称的值。如果浏览器不支持第一个字体，它会为HTML元素设置下一个字体样式。 用户可以按照以下语法使用‘font-family’ CSS属性。 font-family: value1, value2, value3, ...‘font-family’ CSS属性的‘-apple-system’值允许开发人员为网页的HTML内容设置与苹果操作系统相同的字体。这意味着我们可以根据用户的设备偏好设置字体。 语法用户可以按照下面的语法来使用‘font-family’ CSS属性的‘-apple-system’字体。 font-family: -apple-system; 示例1在下面的示例中，我们设置了HTML元素的文字内容的‘-apple-system’字体系列。如果你使用的是苹果设备，你可以观察到它会设置与你的苹果设备规范相同的字体。 .text { font-size: 1.6rem; font-family: -apple-system; color: blue; } Using the -apple-system fonts to set the font according to apple device's fontWelcome to the TutorialsPoint! 示例2在下面的示例中，我们为备选选项的font-family属性添加了’BlinkMacSystemFont’作为第二个值。在这里，’ -apple-system ‘值用于Firefox和Opera浏览器，而’BlinkMacSystemFont’受Chrome浏览器支持。此外，我们还使用了一些其他字体作为备选值。因此，’font-family’会选择下一个字体，直到找到特定浏览器支持的字体。 .text { font-size: 1.6rem; font-family: -apple-system, BlinkMacSystemFont, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; color: green; } Using the -apple-system fonts to set the font according to apple device's fontHey! How are you? 用户学会了在苹果设备上使用“-apple-system”字体系列，以根据用户设备偏好选择字体。此外，我们还设置了备用字体，以防浏览器无法找到设备的字体。 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |