文章 2024-10-13 来自:开发者社区

详解CSS之Web 字体

在模块的第一篇文章中,我们探讨了用于样式化字体和文本的基本 CSS 特性。在这篇文章中,我们将更进一步,详细地探索 web 字体——它们允许你下载自定义字体和你的 web 页面,以允许更多不同的、自定义的文本样式。前提:基本计算机素养,HTML 基础 (学习 Introduction to HTML), CSS ...

详解CSS之Web 字体
文章 2024-04-15 来自:开发者社区

前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体

参考链接:https://web.qianguyihao.com/02-CSS%E5%9F%BA%E7%A1%80/12-CSS3%E5%B1%9E%E6%80%A7%E8%AF%A6%E8%A7%A3%EF%BC%9A%E5%8A%A8%E7%94%BB%E8%AF%A6%E8%A7%A3.html#_3%E3%80%81%E6%97%8B%E8%BD%AC%EF%BC%9Arotate ...

前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
文章 2023-02-27 来自:开发者社区

CSS之web字体使用并用该字体输出一首诗

在之前我们有设置过页面使用的字体: font-family我们需要提供一个或多个字体种类名称,浏览器会在列表中搜寻,直到找到它所运行的系统上可用的字体。这样的方式完全没有问题,但是对于传统的web开发人员来说,字体选择是有限的;这就是所谓的 Web-safe 字体,并且这种默认可选的字体并不能进行一些定制化的需求;比如下面的字体样式, 系统的字体肯定是不能实现的那么我们是否依然可以在网页中使用这....

CSS之web字体使用并用该字体输出一首诗
文章 2023-01-31 来自:开发者社区

CSS3属性详解:Web字体

前言开发人员可以为自已的网页指定特殊的字体(将指定字体提前下载到站点中),无需考虑用户电脑上是否安装了此特殊字体。从此,把特殊字体处理成图片的方式便成为了过去。支持程度比较好,甚至 IE 低版本的浏览器也能支持。字体的常见格式不同浏览器所支持的字体格式是不一样的,我们有必要了解一下字体格式的知识。TureTpe格式:(.ttf).ttf 字体是Windows和Mac的最常见的字体,是一种RAW格....

CSS3属性详解:Web字体
文章 2022-06-26 来自:开发者社区

CSS——web字体与CSS字体图标

web字体字体格式不同浏览器所支持的字体格式是不一样的,我们有必要了解一下有关字体格式的知识。1、TureType(.ttf)格式.ttf字体是Windows和Mac的最常见的字体,是一种RAW格式,支持这种字体的浏览器有IE9+、Firefox3.5+、Chrome4+、Safari3+、Opera10+、iOS Mobile、Safari4.2+;2、OpenType(.otf)格式.otf....

CSS——web字体与CSS字体图标
文章 2017-05-02 来自:开发者社区

《HTML5+CSS3网页设计入门必读》——6.4 使用Web字体

本节书摘来自异步社区《HTML5+CSS3网页设计入门必读》一书中的第6章,第6.4节,作者: 【美】Julie Meloni更多章节内容可以访问云栖社区“异步社区”公众号查看。 6.4 使用Web字体 在上一节中,看到我们十分确信所用的字体系列驻留在每个人的计算机上。也就是说,可以保证大多数计算机都会呈现Arial或Times New Roman,或者具有用于serif和sans-serif的....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"高效防护 web 应用","productDescription":"随着网络技术的不断发展,您的Web应用如果没有流量入口的防护,会面临诸多风险。本方案以ECS实例接入WAF为例,推荐您使用Web应用防火墙(WAF)开启应用防护,避免网站服务器被恶意入侵导致性能异常等问题,保障网站的业务安全和数据安全。同时,为您节约开发成本,满足行业合规要求。","productContentLink":"https://www.aliyun.com/solution/tech-solution/web-protection","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/web-protection"},"productButton2":{"productButtonText":"一键部署","productButtonLink":"https://help.aliyun.com/document_detail/2714251.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"云防火墙企业多账号统一管理","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/umomaicf","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock","activityPromotionInfoBlock":[]}}

阿里UC研发效能

分享研发效能领域相关优秀实践,技术分享,产品信息

+关注