我应该在本地存储 Google Web Fonts API 生成的 CSS 吗?

2024-02-01

我正在使用一些谷歌网络字体。我听说 Google 处理不同浏览器之间的所有问题,并根据请求标头中的浏览器提供不同的媒体。

我的问题是,它在什么时候执行此操作?

原因是对于 API,您可以简单地包含一个 CSS 文件,其中包含@font-face要求。我是否可以简单地将该 CSS 包含在我自己的 CSS 文件中,从而保存 HTTP 请求,或者该 CSS 是否会根据请求它的浏览器而改变?

我真的希望这是有道理的。

例如,Google 建议您在 CSS 文件中包含以下内容:

@import url(http://fonts.googleapis.com/css?family=Exo);

其内容是:

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: local('Exo Regular'), local('Exo-Regular'), url('http://themes.googleusercontent.com/static/fonts/exo/v1/ZcGd2dvMSgl3mHN3lKAjNw.woff') format('woff');
}

Google Webfonts 提供的 CSS 会根据 HTTP 请求标头中的用户代理而变化,因此最好使用 @import。原因是不同浏览器中网页字体的实现不同。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我应该在本地存储 Google Web Fonts API 生成的 CSS 吗? 的相关文章

  • 使用边距与填充? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我最近开始自己在线学习周三开发 并且是这个领域的新手 所以对我的基本查询表示歉意 我知道边距和填充之间的区别 用逻辑术语 但不太确定 何时应该使
  • Django 1.7:如何使用 html/css 文件作为模板发送电子邮件

    从 Django 1 7 开始 可以send email 使用新参数 html message 不幸的是 没有关于如何使用它的全面指南 新手友好 或者至少我找不到它 我需要使发送的电子邮件变得漂亮 因此 我试图弄清楚如何将我的消息包含到 h
  • 当元素具有多个类时如何在 switch 语句中检查 className

    在下面的示例中 我只想单击该选项以在警报中显示 我正在尝试使用 switch 语句来确定单击了哪个类 如果我的 div 不包含多个类 则我的示例将有效 我尝试使用classList contains在我的 switch 语句中无济于事 有没
  • 如何在CSS中选择多个id?

    如何在 CSS 中选择多个 ID 例如 test id div div div div Use an 属性选择器 https developer mozilla org en docs Web CSS Attribute selectors
  • 线性淡出 div、内容和边框(顶部实线到底部透明)[重复]

    这个问题在这里已经有答案了 可能的重复 是否可以分级 HTML 元素的不透明度 https stackoverflow com questions 12664132 is it possible to graduate the opacit
  • 列表的 CSS 计数器

    我正在尝试在我的有序列表上使用 css 中的计数器增量 但它不起作用 这就是我想要显示的内容 1 Acknowledgements 1 1 blah blah 1 2 blah blah 1 3 blah blah 2 Risk State
  • 如何自定义 Angular Material 的 input/md-input-container 组件?

    正如标题所述 我如何自定义这些元素 他们似乎使用透明背景 这在大多数背景调色板上很难查看 在 angular material css 后添加一个空白 css 文件 并在该空白 css 文件中覆盖您要自定义的规则 对于您面临的问题 我在 c
  • Bootstrap 3 按钮之间的空间

    如果我将几个 Bootstrap 3 按钮排成一行
  • 背景大小不起作用

    这是我的 CSS banner text BG background 00A7E1 url images sale tag png left center no repeat important background size 20px 2
  • 如何隔离 Vuetify 全局样式

    我已经开始在旧的现有项目中将 Vue js 与 Vuetify 结合使用 所以我没有重写所有前端 我只是导入了Vue并替换了一些部分 然后我注意到一个非常意想不到的行为 Vuetify 具有常见类的全局样式 例如 title它不仅影响整个页
  • CSS - 最大宽度和椭圆

    我有一个包含文本的跨度 我希望跨度扩大到最大 500px 以容纳里面的文本 达到最大值后 我希望文本为任何溢出最大宽度的文本显示省略号 这可能吗 我尝试了以下方法 但这并没有达到目的 Thanks position absolute top
  • CSS 属性选择器中的 [att~=val] 与 [att*=val] 有何不同?

    也许我错过了一些东西 但它们看起来很相似 例如 如果您使用 a alt thumb or a alt thumb 我可以通过哪些不同方式缩小选择范围 我的理解是 为您提供了引号中的部分匹配 而 为您提供了部分匹配 我将稍微修改一下代码 但由
  • Google 字体(上面有空格)无法在 IE7/IE8 上呈现

    有谁知道为什么 IE7 IE8 不会渲染 Google 字体 如果名称上有空格 您可以在这里查看演示 http jsfiddle net fYzAb 1 http jsfiddle net fYzAb 1 完全相同的两个标签 一个使用 Os
  • 固定 CSS 导航栏

    我最近解决了困扰我一段时间的 CSS 导航栏问题 现在我遇到了将其固定到顶部的问题 以便当您滚动页面时它会向下滚动 我知道我需要添加的是 Position fixed 但我不知道在哪里添加它 我最近的尝试导致文本被修复 但导航栏的背景却没有
  • 两个单独表格上的 Td 高度

    我有两个单独的表 我在每个 tr 上使用焦点 悬停函数 该函数同时在两个表上都很好用 我的问题是 td 高度 因为如果第一个表中 td 的描述更大 将显示在中的两行上相同的td和td的高度将被修改 但仅限于第一个表td 如何记住第一个表中
  • BEM 与 SASS 和 :hover

    使用 BEM 和 SASS 声明活动 焦点 悬停状态的正确方法是什么 例如 我有这样的结构 div class card img class card image src alt div class card overlay div cla
  • 如何更改 R Markdown HTML 文档中目录的颜色和属性?

    我花了很多时间谷歌搜索这个 但似乎无法弄清楚 我正在使用 R Markdown 制作 HTML 文档 文档在这里 http rmarkdown rstudio com html document format html http rmark
  • 容器中的等间距 div

    这是我的例子 http jsfiddle net rtCP3 62 http jsfiddle net rtCP3 62 我有 3 个 或更多 div 我想在一个容器中均匀分布 当将 Angular 与 ng repeat 一起使用时 样式
  • 不透明度如何影响元素顺序?

    我发现 CSS 有一个非常奇怪的行为opacity与浮动元素相结合 考虑以下 HTML div div Right button div div div Overlay div 最后div将覆盖前两个浮动的 删除不透明度会将最新的 div
  • Bootstrap 响应式图像缩放

    Using Twitter Bootstrap我意识到默认情况下它会响应式地缩放图像 这很棒 但并不总是完美的 比如说我有一个500x300桌面上的图像 然后它会针对移动设备调整大小 该图像将非常小而且不是很高 会丢失图像的大部分细节部分

随机推荐

  • 如何在 Doctrine2 targetEntity 映射中使用不同的命名空间类

    当我设置 ManytoOne 映射时 当两个类都在同一命名空间中时 它就可以工作 但如果两个类位于不同的命名空间中 它就不起作用 ORM ManyToOne targetEntity OP ProjectBundle Entity Proj
  • argv 指向指针数组的指针

    我对以下段落与后面的代码如何匹配感到困惑 由于 argv 是指向指针数组的指针 我们可以操纵 指针而不是索引数组 下一个变体基于 递增 argv 这是一个指向 char 的指针 而 argc 正在倒数 include
  • Glassfish - java.lang.NoClassDefFoundError

    我正在关注这个blog https blogs oracle com arungupta entry websockets and java ee 7在 glasshfish 中运行示例 Websocket 应用程序 部署失败并出现以下错误
  • 通过 Docker 连接到本地主机上的 MySQL 服务器

    因此 我通常可以通过 Docker 运行一个容器来联系我的本地主机 add host localbox 192 168 59 3 ping localbox工作得很好 问题是 我似乎无法从 MySQL 服务器获得响应 mysql h loc
  • 如何使用相对于高度的宽度?

    我需要制作 3 4 的窗口 其中 3 是屏幕的 75 我如何设置宽度 就像如果我有 100 像素高度和 10000000000000 像素宽度的显示器 那么我应该有 75 100 像素的窗口 我听说可以借助 Javascript 来完成 7
  • 单击按钮从 Lotus Notes 调用 Javascript

    我正在为之前在 vb6 中构建的组件构建概念验证 由于该组件具有复杂的 UI 元素 因此我不太确定使用 Lotus Notes UI 元素可以在多大程度上重现相同的内容 我现在想做的事情如下 在现有 LN 表单中创建按钮 单击该按钮时 它会
  • 使用 foreach 循环在 powershell 中批量重命名文件

    folderpath E BOOKS Python python python items Get ChildItem Recurse folderpathc pdf foreach i in items Rename Item E BOO
  • mypy 在评估算术计算类型时不考虑之前执行的类型检查

    我有一个 python 类 如下所示 from typing import Optional Union Dict import numpy as np class TestClass def init self a Optional fl
  • 正则表达式匹配除此正则表达式之外的所有内容

    我认为这对很多人来说都是一件简单的事情 但目前我对正则表达式的了解非常有限 我想匹配字符串中除两位数之外的所有内容 例如 TEST22KLO4567 QE45C2C LOP10G7G400 现在我找到了匹配两位数的正则表达式 d 2 与以下
  • 密码“aes256-cbc”是必需的,但它不可用

    我正在尝试使用 JSch 进行 SFTP 但遇到了一些错误 com jcraft jsch JSchException 需要密码 aes256 cbc 但它不可用 下面是我使用的代码 有什么我错过的吗 JSch jsch new JSch
  • LaTeX 中的 for 循环和表格

    这是我的表的 LaTeX 代码 begin table c c c c c c c caption Examples of the concepts label tab conceptsimgs hline backslashbox Con
  • Safari 7 中忽略的断点

    我在 Safari 7 中调试 JavaScript 时遇到问题 我设置的断点被忽略了 我知道您启用 禁用所有断点 并且它们肯定已启用 它只是根本不停止代码执行 还有其他人经历过这个吗 有什么想法吗 也许您禁用断点 https develo
  • 从 DataGridView 中获取选定的行

    每当用户单击 添加到购物车 按钮时 我都会将用户在 找到的项目 网格 屏幕截图的左侧 中选择的那些行添加到 选择的项目 网格 屏幕截图的右侧 中 屏幕截图 链接http img856 imageshack us img856 3015 da
  • android - 将 dp 转换为 float

    我的字体大小是12dp 我正在使用设置字体TextPaint 因为我使用的是跨度 问题是参数TextPaint接受是浮动的 我想知道如何将 12 dp 转换为浮点数 From android content res Resources ge
  • 系统调用位于 glibc 源代码中的哪里

    所以我正在查看 linux glibc 源代码 但我没有看到它实际上在哪里做了任何事情 以下内容来自io chdir c但它表明了许多源文件 这里发生了什么 显然我错过了一些东西 秘密是什么 它在哪里进行系统调用或实际执行某些操作 stub
  • 创建有角度的彩色横幅

    您好 我正在尝试在 HTML 和 CSS 中创建以下斜条外观 只是蓝色和紫色区域 后面是白色 我显然可以看到如何使用图像来做到这一点 但是仅 HTML CSS 又如何呢 这可能吗 它在网站上使用 www africa dating 我知道我
  • 如果“git push heroku master”失败怎么办?

    我的本地 Windows XP 计算机上有一个可以运行的 Rails 应用程序 我想将其上传到 Heroku 上 我按照这个教程https devcenter heroku com articles rails3 https devcent
  • Bootstrap 响应式网格布局(3 列),每个网格元素下方具有折叠/隐藏的 col-12

    我试图使 100 列出现在引导网格列内的元素下方 因为用图片更容易理解 所以我想要实现的目标是 选择其中一张图像 1 到 x 时 隐藏的 div 具有不同的内容 应以完整的 12 列大小显示在图像下方 我设法做到了这一点 但是 当使用较小的
  • Rpm 构建限制

    我是 rpm 打包的初学者 据我了解 由于 cpio 限制 rpm build 在文件大小 gt 4GB 时存在问题 因此 我使用 gnu split 将包中的大文件拆分为 512MB 的文件 这是作为 rpmbuild 的一部分完成的 因
  • 我应该在本地存储 Google Web Fonts API 生成的 CSS 吗?

    我正在使用一些谷歌网络字体 我听说 Google 处理不同浏览器之间的所有问题 并根据请求标头中的浏览器提供不同的媒体 我的问题是 它在什么时候执行此操作 原因是对于 API 您可以简单地包含一个 CSS 文件 其中包含 font face