webfonts

问题 In some html documents I'm using webfonts for only a couple of words. Performance-wise loading a complete font-file seems wasteful. This is where the unicode-range parameter of the @font-face declaration comes in: http://www.w3.org/TR/css3-fonts/#unicode-range-desc With it I supposedly can define what characters of the font-file to load, thus improving performance greatly. But I just can't get it to work. And the odd thing is that it diplays all the characters in firefox, and it fails to load

问题 Ok, I have an issue that I cannot figure out, I am trying to research usage of WOFF fonts in Internet Explorer 10. I downloaded kit from fontsquirrel, and based on the included CSS and HTML files I added fonts to web application. (ASP.NET MVC on IIS 7) Now TTF fonts work perfectly fine in Firefox and Chrome (IE does not support it), however WOFF fonts do not seem to be working at all (they are supposed to be supported by all newer browsers). If I remove TTF section from below - Firefox and

问题 I'm pretty sure this is what I've always done in the past, but I can't get it to work this time. The folder AFONTNAME is in the fonts folder within the active theme folder: @font-face { font-family: "A Font Name"; src: url("/fonts/AFONTNAME/AFONTNAME.ttf") format("ttf"), url("/fonts/AFONTNAME/AFONTNAME.woff") format("woff"), url("/fonts/AFONTNAME/AFONTNAME.svg") format("svg"); } .specialfont { font-family: "A Font Name" } Have tried using the full path to the fonts folder, with and without

问题 Hi I'm facing this problem in google pagespeed I almost get my site speed to 100 the only thing remaining is Ensure text remains visible during webfont load I'm already using font-display:swap; so why is this not fixing my problem. here's my external font css @font-face { font-display: swap; font-family: 'Miriam Libre'; font-style: normal; font-weight: 400; src: local('Miriam Libre Regular'), local('MiriamLibre-Regular'), url(https://fonts.gstatic.com/s/miriamlibre/v5/DdTh798HsHwubBAqfkcBTL

问题 Hi I'm facing this problem in google pagespeed I almost get my site speed to 100 the only thing remaining is Ensure text remains visible during webfont load I'm already using font-display:swap; so why is this not fixing my problem. here's my external font css @font-face { font-display: swap; font-family: 'Miriam Libre'; font-style: normal; font-weight: 400; src: local('Miriam Libre Regular'), local('MiriamLibre-Regular'), url(https://fonts.gstatic.com/s/miriamlibre/v5/DdTh798HsHwubBAqfkcBTL

问题 my client has bought a font which I would like to use on his website, but the company which made the font(Adobe) told me, that there is no webfont service for this current font and I can use it on a website only if I rasterize it or make it impossible to download/steal the font in any other way. Therefore, the question is: Is there any reliable way to protect webfonts? (second, optional part) Is there any way that is generally considered to be enough so its legally safe to use the font? What

问题 I'm trying to use the Ubuntu font on a website. I am using the FontSquirrel @font-face generator. On computers where the Ubuntu font is installed everything works fine when I simply have css like font-family: Ubuntu . But on other computers it won't work unless I explicitly state which particular variety I want like font-family: UbuntuRegular or font-family: UbuntuBoldItalic . It is the same situation across all browsers. It is silly to have to declare weight and style every time. Isn't there

来源： https://stackoverflow.com/questions/57590195/self-hosted-fonts-using-nextjs

来源： https://stackoverflow.com/questions/57590195/self-hosted-fonts-using-nextjs

来源： https://stackoverflow.com/questions/54556466/cyrillic-characters-displayed-wrongly-when-using-montserrat-in-bulgarian