如果用户没有安装例如 helvetica,如何回退到谷歌网络字体

     2023-02-16     124

关键词:

【中文标题】如果用户没有安装例如 helvetica,如何回退到谷歌网络字体【英文标题】:How to fall back to a google web font if the user doesn't have eg helvetica installed 【发布时间】:2012-01-25 02:35:55 【问题描述】:

如果用户没有安装 helvetica,我希望一种字体“回退”到谷歌网络字体(Open Sans)上的某个字体,有没有一种简单的方法可以做到这一点?

我的想法是,我只希望用户必须下载字体,例如,对于 mac 用户,我不希望他们必须下载字体。

例如,如果可能的话,像这样:

font-family: HelveticaNeue-Light, 'Open Sans Light', Arial;

另外,由于我使用的是 helvetica 'Helvetica Neue Light' 的特定轻型版本,当退回到 open sans / arial 时,是否有一种方法可以指定字体粗细,使粗细仅适用于后备字体?以下是这样做的吗?

h1  font-family: HelveticaNeue-Light, Arial; font-weight: 400; 

【问题讨论】:

如果您使用 Google Font API,它应该为您执行此操作...即。告诉 API 包含它,它应该确定用户是否有字体 但由于许可,谷歌网络字体不包括 helvetica,所以我希望它在另一个重量上落入另一种字体。容易吗? 【参考方案1】:

您可以在@font-face src property 中指定字体的本地路径,这样已经拥有该字体的客户端就不会从备用源下载它。我不知道它在浏览器中的支持情况如何,但它应该适用于任何支持字体的浏览器。

@font-face 
  font-family: Helvetica;
  src: local(Helvetica), url(/path/to/Helvetica.ttf);

【讨论】:

这会允许它退回到打开的sans(或其他字体)吗?我的意思是,我不能简单地将 helvetica 上传到我的网站... 是的,只需在url() 中指定任何字体,如果它们在本地没有指定的字体,将使用该字体。

深度链接回退

...试,只要安装了Facebook应用程序,我的链接就可以工作。如果他们没有安装Facebook应用程序,他们只会被带到我的网站。如果用户没有安装Facebook应用或更普遍地点击我的应用的链接并且我总 查看详情

如果浏览器没有扩展语法(...函数中的符号)支持,我如何检测/回退?

】如果浏览器没有扩展语法(...函数中的符号)支持,我如何检测/回退?【英文标题】:HowDoIDetect/FallbackIfTheBrowserHasNoSpreadSyntax(...NotationInFunctions)Support?【发布时间】:2019-08-0310:32:21【问题描述】:对于那些不知道的人来说,展... 查看详情

如果找不到图像则回退

】如果找不到图像则回退【英文标题】:Fallbackifimagenotfound【发布时间】:2022-01-1211:31:12【问题描述】:如果在SVG<image>元素上指定的文件未找到,则结果是不可预测的。在Firefox中,我没有得到任何指示,也没有错误。... 查看详情

Spring Security + OAuth,如果没有访问令牌则回退

】SpringSecurity+OAuth,如果没有访问令牌则回退【英文标题】:SpringSecurity+OAuth,fallbackifaccesstokenabsent【发布时间】:2015-03-3010:39:04【问题描述】:我在我的应用程序中使用SpringSecurity来保护我的大部分端点。我正在使用SpringSecurityOAu... 查看详情

DirectWrite (CreateTextFormat) 如何选择后备字体?

...描述】:CreateTextFormat的文档没有说明字体回退选择,但如果选择了默认(NULL=系统)集合,那么DirectWrite显然实现了字体回退。例如,如果我将在Ga 查看详情

多语言数据库,具有默认回退功能(代码片段)

...后我迭代每一个以根据当前用户的本地查找正确的翻译,如果我找到正确的本地我设置到主要对象,该页面的翻译渲染,否则我只是得到标记为“默认”的翻译。但是,对于大量对象和翻译,服务器响应时间可能会增长,即使用... 查看详情

如果用户没有安装 YouTube 应用程序,我如何在 Android 应用程序中播放 YouTube 视频?

】如果用户没有安装YouTube应用程序,我如何在Android应用程序中播放YouTube视频?【英文标题】:HowdoIplayYouTubevideosinanAndroidappifauserdoesnothavetheYouTubeappinstalled?【发布时间】:2014-02-1019:57:21【问题描述】:我正在尝试在Android应用中... 查看详情

没有密码回退的 Touch ID 的 SecItemCopyMatching

...使用SecItemCopyMatching获取受TouchID保护的钥匙串项。但是,如果TouchID解锁失败(或用户选择“输入密码”),我想展示我自己的PIN输入UI。我不希望用户 查看详情

如果 ngSrc 路径解析为 404,有没有办法回退到默认值?

】如果ngSrc路径解析为404,有没有办法回退到默认值?【英文标题】:ifangSrcpathresolvestoa404,isthereawaytofallbacktoadefault?【发布时间】:2013-04-2423:42:08【问题描述】:我正在构建的应用程序需要我的用户设置4条信息,然后才能加载此... 查看详情

flowable任务如何认领,回退?

...我们还是使用之前旧的流程图,但是在为UserTask设置分配用户的时候,我们设置多个用户,如下图:设置完成后,我们下载这个流程文件,来看下对应的XML文件,内容如下:<proces 查看详情

css如何设置文字字体

...寻,直到找到有适合的字体为止,像这样:font-family:Arial,Helvetica,sans-serif;在上例中,Web浏览器会先看看是否安装了Arial字体。如果安装了,那么就用Arial字体显示;如果没有安装,浏览器就会继续寻找Helvetica字体;如果还是没有... 查看详情

使用回退字体

#selector{font-family:Helvetica,Arial,sans-serif;} 查看详情

如果用户没有安装应用程序,Android 深度链接

】如果用户没有安装应用程序,Android深度链接【英文标题】:AndroidDeepLinkingifuserdoesNOThavetheappinstalled【发布时间】:2017-05-2908:52:41【问题描述】:所以我想弄清楚是否可以深度链接当前没有安装应用程序的用户。这是我正在尝试... 查看详情

如何支持 NTLM 身份验证并回退到 ASP.NET MVC 中的表单?

...功能:用户打开内网网站尽可能对用户进行静默身份验证如果NTLM身份验证失败,向用户显示登录表单用户指定登录密码并从预定义域列表中选 查看详情

Spring Security 自定义登录回退

...这些资源可以指导我如何实现自定义spring安全身份验证,如果该用户存在ldap用户名字段,则首先在ldap服务器上测试找到的用户的凭据,并且无法进行身份验证(因为ldap用户名不存在或给定的密码未对服务器上的用户名进行身份... 查看详情

如何制作自动安装应用程序所有必备程序的安装程序

...为我的应用程序创建一个安装程序来安装我的应用程序,如果用户的计算机没有运行我的应用程序所需的必备程序,它将自动启动安装程序。例如,如果 查看详情

在linux中如何安装软件?

...的详细点。我在windowsxp下的虚拟机安装Ubuntu8.10和fedora8(如果需要标准安装linux后才能安装软件的话,也可以说说安装标准linux后的安装方法)如何安装后缀名为tar.gz或tar.bz2的软件,例如gcc,全称是gcc-4.2-20060715.tar.bz21.我把软件包... 查看详情

如果用户按下后退按钮,如何调用一些代码

】如果用户按下后退按钮,如何调用一些代码【英文标题】:Howtocallsomecodeifuserspressbackbutton【发布时间】:2013-05-1302:09:41【问题描述】:在UINavigationController?例如,假设我想确保UINavigationController在用户按下后退按钮时没有动画。... 查看详情