CSS：在所有浏览器中禁用字体连字

由于谷歌字体在中国被封锁，我必须下载它们并使用FontSquirrel进行转换。CSS：在所有浏览器中禁用字体连字

问题：FI/FF /等丑陋

我做了所有的步骤，在这里Prevent ligatures in Safari (Mavericks/iOS7) via CSS，但没有雪茄。

如何禁用连字一次？ -webkit-font-variant-ligatures: no-common-ligatures; 不工作

来源

2016-08-12 pachamaltese

Google字体在中国封锁！哇！！感谢您指出了这一点。很有用。我知道谷歌jQuery CDN在中国被封锁，这就是为什么我使用jquery.com CDN，但我没有连接Google字体。再次感谢。（抱歉，我没有你的问题的答案。） –

尽管no-common-ligatures你可以尝试像none，unset或no-contextual值。 See MDN所有可能的值。

而且它在所有现代浏览器中都是should be supported。

来源

2016-08-12 21:11:40 andreas

'none'为我做了诡计。 – Skoua

本质上相同的答案是andreas提供的，但在这里是为便于参考，完整的CSS：

* { 
 
font-variant-ligatures: none; 
 
}

来源

2017-11-01 20:17:26 beardofprey

你可以在你的CSS像注释掉行：

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

然后，从上面的浏览器中打开的网址，你会得到CSS文件，如下图所示：

/* latin */ 
@font-face { 
    font-family: 'Source Sans Pro'; 
    font-style: italic; 
    font-weight: 300; 
    src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/fpTVHK8qsXbIeTHTrnQH6MAjkyiewWYrWZc50I8hK7I.woff2) format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; 
}

下载每个块的URL给出，并且把你的资产，每种字体。
在修改URL（相对于您的资产目录）后，将CSS保存到您的资产（比如google-fonts.css）中。

现在，您的应用程序将使用来自相同来源的谷歌字体，您不会感觉到任何区别。

来源

2018-02-08 09:22:44 Ghazi

CSS：在所有浏览器中禁用字体连字

回答

相关问题