1

我找到了字体定义并想知道：

  1. 本地定义什么？

  2. 字体粗细和字体样式有什么区别？

CSS

 @font-face {
font-family: 'FontinSans';
src: local('...'), url('fontin_sans_regular.woff') format('woff');
font-weight: normal;
font-style: 400;
}
4

4 回答 4

3

以下是您的解决方案：

  1. local()将从您的计算机中获取字体。意味着您的机器中已经存在的任何字体都将优先考虑它。

    请阅读本文以更清楚地了解字体

2.font-weight用于显示字体的锐利程度，例如较轻...轻...正常..粗体..粗体 font-style用于斜体..正常..斜体

于 2013-11-13T11:38:00.227 回答
2

使用 @font-face 的正确方法：

@font-face {
font-family: 'FontinSans';
src: url('fontin_sans_regular.eot'); /* IE9 Compat Modes */
src: url('fontin_sans_regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fontin_sans_regular.woff') format('woff'), /* Modern Browsers */
     url('fontin_sans_regular.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('fontin_sans_regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

为什么是本地的？：

使用@font-face 技术的一个小缺点是新字体加载到浏览器中时显示的空白区域。对于已经在系统上本地拥有该字体的用户来说，这尤其不必要。

解决这个问题的方法很简单；使用 local() 首先检查字体是否在用户的系统上。

字体样式：字体样式属性指定文本的字体样式。

normal      The browser displays a normal font style. This is default.
italic      The browser displays an italic font style.
oblique     The browser displays an oblique font style.

字体大小：font-size 属性设置字体的大小。

以下是值：

xx-small    Sets the font-size to an xx-small size.
x-small     Sets the font-size to an extra small size.
small       Sets the font-size to a small size.
medium      Sets the font-size to a medium size.
large       Sets the font-size to a large size.
x-large     Sets the font-size to an extra large size.
xx-large    Sets the font-size to an xx-large size.
smaller     Sets the font-size to a smaller size than the parent element.
larger      Sets the font-size to a larger size than the parent element.

字体粗细：字体粗细属性设置文本中字符的粗细程度。

以下是值：

normal  Defines normal characters. This is default
bold    Defines thick characters.   
bolder  Defines thicker characters.     
lighter Defines lighter characters.     
100
200
300
400
500
600
700
800
900

干杯..

于 2013-11-13T11:44:02.347 回答
2

local() 尝试使用已安装在用户计算机上的字体。

字体粗细定义字体的粗细，字体样式允许您以斜体显示字体。

于 2013-11-13T11:39:53.467 回答
0 
@font-face {
font-family: Delicious;
src: url(Delicious-Roman.eot);
src: url('Delicious'), local(Delicious'),
url(Delicious-Roman.otf) format('opentype');
}
于 2013-11-13T11:45:17.660 回答