标签: woff2

我最近尝试自动将字体的WOFF编码转换为WOFF2.在Windows 8和Mac OS 10.12上,WOFF2在Chrome 60,IE 11和Firefox 55之间渲染得非常接近.WOFF2在Windows 7上的Chrome中呈现非常糟糕,但WOFF似乎没有遇到同样的问题.Firefox中的WOFF2似乎正确呈现.

Mac OS 10.12,Safari

Windows 7,Chrome 60

注意1和7是如何向下移动的.

-webkit-font-smoothing设置为抗锯齿.

这是一个已知的问题？

我的团队有一个woff2字体文件,我们没有办法处理.有没有人知道降级为更常见格式的管道？

我正在查看 FontAwesome path.less ，看起来它正在加载一堆相同的字体但类型不同......

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
  src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
    url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
    url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
    url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
    url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
//  src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
  font-weight: normal;
  font-style: normal;
}

我真的需要为 FontAwesome 加载所有这些字体类型还是只需要 WOFF2 类型？

我正在编写一个 Web 应用程序并尝试使用font-awesome图标。字体被导入到正确的目录中，但是当我加载页面时，图标显示为空白方块。（附图中的示例）。

当我按下F12这是我得到的错误：（也在附图中）

加载资源失败：服务器响应 fontawesome-webfont.woff2 状态为 404（未找到）

加载资源失败：服务器响应 fontawesome-webfont.woff 状态为 404（未找到）

加载资源失败：服务器响应 fontawesome-webfont.ttf 状态为 404（未找到）

这些文件确实存在，我可以看到它们。我设法通过更改web.config文件找到了一些解决方案，但这对laravel. 我在laravel 5.5网上找不到任何合适的解决方案。将不胜感激帮助！

PS - 我还不知道这是否相关，但我使用vue.js组件中的图标。

我只使用了几个 Material Icons 图标，并且认为加载整个库是浪费资源。

我尝试编辑原始 woff2 文件并删除所有不使用的图标。我得到的最接近的是使用这个工具： http: //fontstore.baidu.com/static/editor/index-en.html#

但是当我导出修改后的文件时，它不像原始文件那样工作。例如，此 HTML 不会呈现为图标： <span class="material-icons">check_circle</span>

我按照Google 指南中的说明添加了所需的 CSS 规则。当我自行托管原始woff2 文件时，一切正常，但当我修改它时，一切都会中断。它仅在使用以 Unicode 作为 的伪元素时才有效contnet。保存文件似乎会删除名称到图标的映射（如果有任何意义，因为我不熟悉 woff2 文件的工作原理）。

有没有办法创建像原始文件一样工作的 woff2 文件的子集？

./node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.woff中的错误1：4模块解析失败：意外字符''（1：4）您可能需要适当的加载程序来处理此文件类型。（此二进制文件省略了源代码）

WOFF文件无法加载，我不知道文件加载器为何无法加载WOFF，WOFF2和SVG。

这是我的Webpack 4加载程序配置：

module: {
        rules: [
            {
                //tell webpack to use jsx-loader for all *.jsx files
                test: /\.(js|jsx)$/,
                exclude: /node_modules/,
                loader: "babel-loader"
            },
            {
                test: /\.css$/,
                loader: "style-loader!css-loader"
            },
            {
                test: /\.(png|jpg|jpeg|gif|svg|woff|woff2)$/,
                exclude: /node_modules/,
                loader: "file-loader"
            },
            {
                test: /\.(eot|ttf)$/,
                loader: "file-loader",
            },
            {
                test: /\.html$/,
                exclude: /node_modules/,
                loader: 'html-loader'
            },
            {
                test: /\.scss$/,
                loaders: ["style-loader", "css-loader", "sass-loader"]
            }
        ]
    }

请给我一个解决方案。

我正在尝试使用 Unicode 范围描述符对基本拉丁语（128 个字形）的字体进行子集化，但我没有看到我尝试过的少数变体的结果。

在有关减小 Web 字体大小的资源中，它给出了将拉丁字形的 unicode 范围设置为 的示例U+000-5FF。维基百科说基本拉丁语的 unicode 范围是U+0000到U+007F。

我尝试了以下几种变体（在 SASS 中）：

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"),
    url("#{$montserrat-font-path}/Montserrat-SemiBold-woff2.woff2") format("woff2"),
    url("#{$montserrat-font-path}/Montserrat-SemiBold-woff.woff") format("woff");
    font-display: swap;
    unicode-range: U+0000-007F; /* Basic Latin, 128 glyphs */
}

范围需要是多少？服务器（Sitecore/.Net）上是否需要配置？我是否以正确的方式检查文件大小？如何减小文件大小？

另外... [附带问题] 我还没有遇到此功能的服务器兼容性。看起来服务器必须参与决定要提供哪些字形。我们是否应该假设所有现代服务器都可以做到这一点？

由于字体很棒4.3,他们将字体添加为woff2格式.

当我试图通过owin提供这个文件时,我正在问404:

app.UseFileServer(new FileServerOptions() {
    RequestPath = PathString.Empty,
    FileSystem = new PhysicalFileSystem(@"banana")
});

如何通过owin中的文件服务器提供woff2 mime类型文件？