标签: woff2

今天我将Font Awesome软件包更新到4.3.0并注意到添加了woff2字体.该文件在CSS中链接,因此我需要配置nginx以正确地提供woff2文件.

目前我在nginx配置字体中有这个块:

location ~* \.(otf|eot|woff|ttf)$ {
    types     {font/opentype otf;}
    types     {application/vnd.ms-fontobject eot;}
    types     {font/truetype ttf;}
    types     {application/font-woff woff;}
}

什么是适用于woff2字体的mime类型？

我在使用Font Squirrel生成的程序中有一个font-face我无法让它在IIS中运行,它可以在localhost中运行.我将application/font-woff 文章添加到我的MIME类型中,但它仍然不想工作.

Context
--Fonts
----font location
--css files

CSS

@font-face {
    font-family: 'wallStreetFont';
    src: url('Fonts/subway-webfont.eot');
    src: url('Fonts/subway-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/subway-webfont.woff2') format('woff2'),
         url('Fonts/subway-webfont.woff') format('woff'),
         url('Fonts/subway-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

编辑当前MIME

我使用默认的IIS 8 MIME 字体/ x-woff

我正在使用VNext + OSX + Chrome进行一些实验.我正在尝试获取woff2文件

GET http://localhost:5003/fonts/fontawesome-webfont.woff2?v=4.3.0 

但是会发生错误.请参阅下面的请求标题

Remote Address:127.0.0.1:5003
Request URL:http://localhost:5003/fonts/fontawesome-webfont.woff2?v=4.3.0
Request Method:GET
Status Code:404 Not Found

这是我的Startup.cs

    public void Configure(IApplicationBuilder app)
    {
        app.UseStaticFiles();

        app.UseServices(services =>
        {
            services.AddMvc();
        });

        // Add MVC to the request pipeline
        app.UseMvc(routes =>
        {
            routes.MapRoute(
                name: "default",
                template: "{controller}/{action}/{id?}",
                defaults: new { controller = "Home", action = "Index" });
        });
    }

我在Github的AspNet项目里面看到了StaticFiles(Link bellow),它似乎得到了支持.

https://github.com/aspnet/StaticFiles/blob/dev/src/Microsoft.AspNet.StaticFiles/FileExtensionContentTypeProvider.cs

你们能给我一些帮助吗？

到目前为止,我已经使用了Paul Irish的防弹字体表格语法

但是我只是想看看对caniuse的.woff和.woff2文件的支持,它说IE9 +支持woff.关于这个主题的大多数文章来自2009年左右,在撰写本文时,这篇文章是整整7年前的.当woff现在享有如此广泛的支持时,我们真的需要继续声明ttf,otf,eot和svg吗？

Bootstrap字体无法正确加载glyphicons-halflings-regular.woff2.

它会在我的Chrome控制台中显示错误.

任何正确加载它的解决方案,以便它不会在控制台中显示错误？

是否有任何免费或廉价的Windows编辑器,允许编辑扩展名为.woff的文件(我在css中检查过该字体文件有woff扩展名).这些是由Google Webfonts提供的字体,它们可以自由嵌入,修改等.我只想在特定语言的某些字母上添加diactric重音并将字体嵌入到网站上.

我已经看到一些Google Webfonts现在使用WOFF 2.0.我可以以某种方式将我现有的WOFF字体转换为这种新的(并且可能是更好的格式)吗？如何？

我有一个带有 Cloudfront CDN 的 S3 Bucket。在那个桶中，我有一些 woff2 字体，它们自动标记了内容类型octet-stream。尝试从实时制作网站上的 CSS 文件加载该字体时，出现以下错误：

Access to Font at 'https://cdn.example.com/fonts/my-font.woff2' from origin 
'https://www.live-website.com' has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'https://www.live-website.com' is therefore not allowed access.

问题是卷曲表明 Access-Control-Allow-Origin存在：

HTTP/1.1 200 OK
Content-Type: binary/octet-stream
Content-Length: 98488
Connection: keep-alive
Date: Wed, 08 Aug 2018 19:43:01 GMT
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET
Access-Control-Max-Age: 3000
Last-Modified: Mon, 14 Aug 2017 14:57:06 GMT
ETag: "<redacted>"
Accept-Ranges: bytes
Server: AmazonS3 …

我试图确保 .woff2 字体文件包含与我的 .ttf 文件之一相同的一组字形。因此，以某种方式并排查看它们会非常好，但我找不到任何工具可以在 Mac OS 上查看 .woff2 文件。

你们中一些更有经验的人能给我指点一二吗？或者您可能知道在 Mac 上比较两个字体文件的更好方法？

我刚刚注意到Google Fonts停止在tff中提供字体服务.相反,他们在woff2.iOS不支持Woff2.而且我的布局因此而变得有趣.

有什么办法可以在tff而不是woff2中请求字体吗？

谢谢