课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认识达内从这里开始
认真做教育 专心促就业
我们如何在网站上使用系统UI字体？-烟台达内负责整理
目前，有两种方法可以让你的网站使用系统UI字体进行排版。
方法一是使用简写CSS属性：font: menu.
有许多CSS字体属性已经开发时间最长（caption,icon,menu,message-box,small-caption,status-bar），但从来没有见过它们被普遍使用在项目中。
方法一有其缺点：
它不会在iOS上返回正确的字体，也不会在许多Android浏览器中返回。
它是一种速记，这意味着它会覆盖字体大小，它不能与之结合，也不会重新出现。
方法B是按名称列出字体：
当然第二个方法有它的缺点：
你必须维护列表（及其顺序）。
该列表面向最流行的浏览器和操作系统，但并不针对所有这些浏览器和操作系统。
它在Mac OS X El Capitan的Firefox中不起作用，导致Neue Helvetica被展示。
声明通过顺序浏览字体列表来找到第一个安装，在某些平台上选择Lucida Grande而在其他平台上选择Neue Helvetica是不可能的，将始终选择声明中列出的第一个可用的。
你可能倾向于将方法A与方法B结合起来，以获得两全其美。不幸的是，这并不容易，因font和font-family属性是互斥的，即一个将覆盖另一个。
你可能还想象从服务器发送不同的CSS值，具体取决于用户代理（例如，只有font-family: “Fira Sans”, sans-serif;
当我们知道浏览器在Firefox OS上运行时才发送），或者通过JavaScript执行，但这似乎很麻烦且难以维护，但它仍然无法解决我们所有的问题。
以上就是烟台达内给大家做的内容详解，更多关于IT知识的学习，请继续关注烟台达内
目前，有两种方法可以让你的网站使用系统UI字体进行排版。
方法一是使用简写CSS属性：font: menu.
有许多CSS字体属性已经开发时间最长（caption,icon,menu,message-box,small-caption,status-bar），但从来没有见过它们被普遍使用在项目中。
方法一有其缺点：
它不会在iOS上返回正确的字体，也不会在许多Android浏览器中返回。
它是一种速记，这意味着它会覆盖字体大小，它不能与之结合，也不会重新出现。
方法B是按名称列出字体：
当然第二个方法有它的缺点：
你必须维护列表（及其顺序）。
该列表面向最流行的浏览器和操作系统，但并不针对所有这些浏览器和操作系统。
它在Mac OS X El Capitan的Firefox中不起作用，导致Neue Helvetica被展示。
此解决方案容易出现命名冲突，这导致了一个非常有趣的错误，系统字体在Medium上。另外，例如，Oxygen（KDE的UI字体）是人们可以安装的另一种字体的名称，这可能会导致意外。此外，如果你是开发人员并且碰巧在你的计算机上安装了Roboto或Fira Sans,则此字体声明可能会使用其中一个而不是系统的实际UI字体。
声明通过顺序浏览字体列表来找到第一个安装，在某些平台上选择Lucida Grande而在其他平台上选择Neue Helvetica是不可能的，将始终选择声明中列出的第一个可用的。
你可能倾向于将方法A与方法B结合起来，以获得两全其美。不幸的是，这并不容易，因font和font-family属性是互斥的，即一个将覆盖另一个。
你可能还想象从服务器发送不同的CSS值，具体取决于用户代理（例如，只有font-family: “Fira Sans”, sans-serif;
当我们知道浏览器在Firefox OS上运行时才发送），或者通过JavaScript执行，但这似乎很麻烦且难以维护，但它仍然无法解决我们所有的问题。
以上就是烟台达内给大家做的内容详解，更多关于IT知识的学习，请继续关注烟台达内
下一篇：怎样用PHP开发一个网站？ >
2023-03-09
免费试听课程
- 全部课程
- IT课程
- 设计课程
- 运营课程
4578
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
- 开课名称
- 开班时间
- 抢座
- 咨询
- 开课名称
- 开班时间
- 抢座
- 咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 人工智能工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
预约申请试听课
400-111-8989
lihm@tedu.cn
