本文适合任何人，从初学者到最有经验的 Web 开发人员。 我见过长达十年的高级 Web 开发人员忽略字体并且没有正确处理它们，所以请继续阅读。 阅读下面几行后，您将使用正确的 @font-face 和 CSS，它们将在浏览器中正常工作。 您的网站在不同设备上的外观和性能都应如此。 什么是字体？我假设您已经知道这一点，否则您将不会阅读本文。 然而，为了提供信息，@font-face 允许将特定字体嵌入到网站上，而不必依赖远程用户将它们安装在他们的系统上。 可用的字体类型有：“.woff”、“.woff2”、“.ttf”、“.otf”、“.eot”和“.svg”。 ".woff" 代表 Web 开放字体格式 ".woff2"...
网站优化
网站优化指南、技巧和最佳实践 — 提升性能、速度和用户体验。
今天我们将讨论 Web 响应式图像，这是一个非常流行的话题，而且非常有问题。 如果你搜索这个主题，你会发现无数的文章有各种各样的解释，但我不会重复这些，并以不同的方式教你。 正确加载图像，提高您的 SEO 排名并为您的网站提供更好的用户体验。 什么是响应式图像？响应式图像将（应该）自动调整以适应屏幕尺寸。 但是……这是正确的做法吗？ 嗯，是的，也不是。 如果您对此进行谷歌搜索或查看诸如 Bootstrap 之类的现代框架，您会注意到它们对“响应式图像”的定义是一个简单的 CSS，类似于： 1max-width: 100%; 2height: auto; 虽然这“有效”，但并不完全正确。有几个原因，但最重要的一个是图像大小。我不是在谈...