Как определить шрифт CSS?

Question

я нашел определение fontface и хотел бы знать:

1. Что местного определить?

2. В чем разница между шрифтом и шрифтом?

CSS

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

Answer 1

местный() пытается использовать шрифт, если он уже установлен на компьютере пользователя.

Шрифт-вес определяет смелость шрифта, стиль шрифта позволяет отображать шрифт курсивом.

Answer 2

Вот ваши решения:

1. local() будет принимать шрифт с вашего компьютера. Значит, любой шрифт, уже присутствующий на вашем компьютере, будет иметь для него приоритет.

   this Пожалуйста, ознакомьтесь с более четким представлением о шрифте лице

2. font-weight используются для того, как острого шрифта, который будет отображаться как светлее ... свет ... normal..bold .. смелее font-style для italic..normal..oblique

Answer 3

Правильный способ использовать @ шрифта лицо:

@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. 

Размер шрифта: Свойство Размер шрифта устанавливает размер шрифта.

Ниже приведены значения:

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 

Приветствия ..

Answer 4

@font-face { 
font-family: Delicious; 
src: url(Delicious-Roman.eot); 
src: url('Delicious'), local(Delicious'), 
url(Delicious-Roman.otf) format('opentype'); 
}