webfonts

    1熱度

    1回答

    使用React 16,Bootstrap 3,Webpack 2和Typescript 2.3。 默認情況下,引導包括WOFF,WOFF2,EOT,TTF和SVG字體格式爲Glyphicons-Halflings FONT-FAMILY。 我很高興只支持WOFF字體格式 - 或者至少,我絕對不希望處理EOT因爲我不支持IE8,和SVG和TTF是煩人大。 嵌入字體到我的javascript交付通過此

    0熱度

    2回答

    我使用Google Open Sans字體(https://fonts.google.com/specimen/Open+Sans)與西里爾文。如果我已經強調了單詞( - 字體集中缺少重音符號),Google Chrome只會渲染重音後的部分。但另一個瀏覽器並不存在同樣的問題。 渲染比較: 我明白,每個瀏覽器都有自己的渲染引擎,但我非常想解決或避免這種麻煩。我該怎麼辦? .open-sans-fo

    1熱度

    1回答

    如果我運行下面的代碼,Josefine Sans字體重量400看起來比重量600大。任何人都可以解釋爲什麼會發生這種情況? body { font-family: 'Josefin Sans', sans-serif; font-size: 24px; } <!doctype html> <html> <head> <meta charset="

    0熱度

    1回答

    我在互聯網上和Stack Overflow上查找過,但即使很多人已經涉及這個主題,我不知道如何有效地做到這一點。 我的目的是儘可能使用最大兼容性範圍的CSS3字體,檢查所用的webfont是否已經安裝在設備上。然後,如果是,則讓瀏覽器使用它而不是下載它。 這是我的嘗試,那當然是不按預期工作。例如Firefox下載我的webfont的woff2版本。 @font-face{ font-fa

    0熱度

    1回答

    我想將用戶樣式表製作爲Chrome擴展程序,對於任何@font-face規則,這將覆蓋默認的font-display CSS屬性,font-display: swap。無論加載Web字體的方式如何(<link rel="stylesheet">,@import,內聯@font-face),它都應該可以在任何網頁上工作。我怎樣才能做到這一點?

    1熱度

    1回答

    我已經掌握了目前使用的所有主要格式的命令行字體轉換,但有一個例外。某些woff2文件不會使用GitHub上的官方工具進行解壓縮。我知道他們沒有損壞,我知道文件類型是正確的。在嘗試一些頂級商業轉換器時,我遇到了同樣的問題,以及許多免費的在線實用程序。出於某種原因,唯一與這些有問題的woff2文件一起工作的是EverythingFonts。我最好的猜測是爲什麼可能一些woff2字體可能會使用與GitH

    1熱度

    1回答

    我試圖確保.woff2字體文件包含與我的.ttf文件相同的一組字形。因此,以並排方式查看它們會非常好,但我找不到任何工具可以在Mac OS上查看.woff2文件。 難道你們中的一些更有經驗的人會指點我嗎?或者,也許你知道在Mac上比較兩個字體文件的更好方法?

    2熱度

    3回答

    我試圖將字體「蒙特塞拉特」導入到我的Angular4項目中,但它只是重置爲標準。 這裏是我的style.css @import url("https://fonts.googleapis.com/css?family=Montserrat:500,700"); .fancyFont { font-family: 'Montserrat'; } 而且我friend.compone

    2熱度

    1回答

    我在HTTP2響應中發送Link預加載標頭。像這樣: Link: </assets/script/main.js?h=1795387974>; rel=preload; as=script, </assets/font/sourcesanspro_regular.woff2>; rel=preload; as=font 腳本,樣式和圖像不會導致任何問題 - 它們被推送和使用。但字體推,然後請求

    0熱度

    2回答

    我在我的網站上使用@ font-face加載字體。在Windows上一切運行良好,但顯然不是Mac上的。在Mac上,字體呈現超級模糊。 我本人無法訪問Mac,但我有幾位同事檢查我並向我發送截圖。我附上了兩個操作系統的屏幕截圖。 這是我用來加載字體代碼: @font-face { font-family: HelveticaNeue; src: url('//wasawards.