Объединение начертаний шрифта

[maxakagaret 0]

Приветствую профессионалов и новичков верстки.

Столкнулся на днях со проблемой использоапния шрифтов на сайте. Прежде активно пользовался гугловским сервисом, однако последнее время стали наблюдаться перебои в его работе и в итоге на странице текст отображается шрифтом по умолчанию, что никак не устраивает (это я еще молчу про время, которое требуется из-за этого на открытие страницы). Поэтому появилась необходимость отказаться от гугла и грузить шрифт с сервера. Вот тут и появилась сложность. К примеру шрифт Dosis. У него различные начертания (Dosis-Book, Dosis-Medium, Dosis-Light, Dosis-SemiBold ...) расположены в разных файлах. Когда шрифт подключался через гугл, то использовалось только имя шрифта, а начертание задавалось при помощи font-weight (например, для Dosis Medium font-wieght:500, для Dosis-Semibold font-wieght:600). Можно ли подключить этот шрифт без гугла так же под именем Dosis, и очертание задавать font-weight'ом при помощи средств HTML/CSS или, в крайнем случае, JS. Или же можно сам шрифт объединить в один файл?

[Sensei 175]

Например

@font-face {   font-family: 'Dosis';   src: url('../font/Dosis/Dosis-regular.woff');   font-weight: 400;       font-style: normal;}@font-face {        font-family: 'Dosis';   src: url('../font/Dosis/Dosis-italic.woff');    font-weight: 400;       font-style: italic;}@font-face {        font-family: 'Dosis';   src: url('../font/Dosis/Dosis-bold.woff');      font-weight: 700;       font-style: normal;}@font-face {        font-family: 'Dosis';   src: url('../font/Dosis/Dosis-bold-italic.woff');       font-weight: 700;       font-style: italic;}body {        font-family: 'Dosis';}

[maxakagaret 0]

 

Например

......

Благодарю.

Edited March 24, 2014 by maxakagaret