Question

我现在有一个小时的谷歌，我不知道我是否可以使用Segoe UI字体使用@ font-face。是否有人知道该字体的许可是否允许我这样做？

Answer 1

正如其他答案所述， Segoe UI无法在非Microsoft或其代理商制作的网络应用中使用。然而，要回答你问题的标题，我想指出微软自己通过@ font-face在他们的网络应用中使用Segoe UI，例如，来自Microsoft Surface 2 CSS：

@font-face {
    font-family: 'Segoe UI';
    src: url('/surface/Assets/css/fonts/all/normal/segoeui.eot');
    src: url('/surface/Assets/css/fonts/all/normal/segoeui.eot?#iefix') format('embedded-opentype'),
         url('/surface/Assets/css/fonts/all/normal/segoeui.woff') format('woff'),
         url('/surface/Assets/css/fonts/all/normal/segoeui.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Semibold';
    src: url('/surface/Assets/css/fonts/all/semibold/seguisb.eot');
    src: url('/surface/Assets/css/fonts/all/semibold/seguisb.eot?#iefix') format('embedded-opentype'),
         url('/surface/Assets/css/fonts/all/semibold/seguisb.woff') format('woff'),
         url('/surface/Assets/css/fonts/all/semibold/seguisb.svg#SegoeUISemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Bold';
    src: url('/surface/Assets/css/fonts/all/bold/segoeuib.eot');
    src: url('/surface/Assets/css/fonts/all/bold/segoeuib.eot?#iefix') format('eot'), /* Wrong format will tell IE9+ to ignore and use WOFF instead. MSHAR-2822 */
         url('/surface/Assets/css/fonts/all/bold/segoeuib.woff') format('woff'),
         url('/surface/Assets/css/fonts/all/bold/segoeuib.svg#SegoeUIBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Light';
    src: url('/surface/Assets/css/fonts/all/light/segoeuil.eot');
    src: url('/surface/Assets/css/fonts/all/light/segoeuil.eot?#iefix') format('embedded-opentype'),
         url('/surface/Assets/css/fonts/all/light/segoeuil.woff') format('woff'),
         url('/surface/Assets/css/fonts/all/light/segoeuil.svg#SegoeUILight') format('svg');
    font-weight: normal;
    font-style: normal;
}

甚至像Metro UI - that look exactly like Windows 8这样的项目 - 使用OpenSans：

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

我会推荐OpenSans。

Answer 2

如果没有直接联系，您无法从Microsoft获得Segoe UI的许可，您可以从Ascender Corp获得与Segoe UI的Microsoft网页链接的单色字体，但它与Segoe UI不同。

我建议使用Open Sans作为Segoe UI字体的替代品，它非常相似，并且有更多的开放许可使用as webfont（该链接实际上是Google的托管版本的字体） - 所以你可以有Segoe作为主要字体然后回退到非Windows 7+系统上的Open Sans。

Answer 3

您可以使用“C：\ Windows \ Fonts \”文件夹中的任何字体从技术上创建Web字体。在大多数情况下（包括Segoe UI），由于许可限制，您不得执行此操作。相反，我建议Open Sans作为Segoe UI的替代品。

但是，如果您允许这样做，您可以按照以下步骤操作：

从“C：\ Windows \ Fonts \”文件夹中检索字体。（Windows）中
将字体转换为您希望兼容的任何其他格式（TTF，EOT，SVG，WOFF）

使用以下代码创建一个CSS文件：

@font-face{
    font-family: 'FontName';
    src: url('path/to/webfont.eot');
    src: url('path/to/webfont.woff'),
         url('path/to/webfont.ttf'),
         url('path/to/webfont.svg')
}

现在，在您的主CSS文件中，使用“font-family”标签选择您的网络字体。

我将再次声明拥有有效的网络字体许可证的重要性，购买许可证时确保您有权使用网络上的字体。某些字体可能带有一个Web字体包，其中已经为您准备了CSS和字体。

Answer 4

该页面上的字体不同。该页面上的字体是Segoe UI Mono。据我所知，Segoe UI应该只出现在Microsoft Windows上。

使用@ font-face作为Segoe UI字体

4 个答案: