DEV Community
·
第8天：网页字体
💡
原文英文，约1200词，阅读约需5分钟。
📝
内容提要
网页字体为开发者提供了更多创意选择。添加网页字体的方法有两种：使用@font-face属性或通过字体托管网站如Google Fonts。选择字体时需考虑网站氛围，并在样式表中设置font-family属性。新开发者应掌握这两种方法，以满足不同客户需求。
🎯
关键要点
- 网页字体为开发者提供了更多创意选择。
- 添加网页字体的方法有两种：使用@font-face属性或通过字体托管网站如Google Fonts。
- 选择字体时需考虑网站氛围，并在样式表中设置font-family属性。
- 新开发者应掌握这两种方法，以满足不同客户需求。
- 开发者可以选择不同类别的字体，如衬线体、无衬线体、展示体、手写体和等宽体。
- 选择字体时要考虑网站的整体氛围，例如银行网站应选择传统的衬线字体。
- 在选择字体后，需预览字体效果，确保可读性。
- 将字体链接添加到网站的head标签中，以便浏览器加载字体。
- 在样式表中设置字体属性，使用font-family属性指定所选字体。
- 新开发者需要完成练习，添加指定的网页字体，并可以进行额外的样式调整。
- 下一课将讲解如何为网站添加背景、边框和颜色。
🏷️
标签
➡️
