相关疑难解决方法(0)

'Segoe UI'字体,带有font-face和local

如果它安装在用户的计算机中,我想在网站中使用"Segoe UI"字体.

我已经声明了所有的样式,@font-face以便使用font-weight属性来改变字体的厚度(这是一个非常酷的功能!).

问题是我无法使用Segoe UI Bold(我认为名称错误).任何的想法?

这是一个例子.(4)和(5)将是相同的:http://jsfiddle.net/kxHQR/1/


@font-face {
  font-family: 'Myname';
  font-style: normal;
  font-weight: 700;
  src: local('Segoe UI Bold'), local('SegoeUI-bold'), local('segoeuib');
}
@font-face {
  font-family: 'Myname';
  font-style: normal;
  font-weight: 600;
  src: local('Segoe UI Semibold'), local('SegoeUI-Semibold');
}
@font-face {
  font-family: 'Myname';
  font-style: normal;
  font-weight: 400;
  src: local('Segoe UI'), local('SegoeUI');
}
@font-face {
  font-family: 'Myname';
  font-style: normal;
  font-weight: 300;
  src: local('Segoe UI Light'), local('SegoeUI-Light');
}

/* ... */

BODY {
 font-family: 'Myname';    
} …
Run Code Online (Sandbox Code Playgroud)

css embed fonts typography font-face

17
推荐指数
3
解决办法
6万
查看次数

标签 统计

css ×1

embed ×1

font-face ×1

fonts ×1

typography ×1