Обычно шрифты подключаются из fonts.google.com. Однако, часто в PSD макетах для верстки используются шрифты, отсутствующие там. В таком случае приходится искать шрифты в других местах и скачивать архив с ними. Для подключения новых шрифтов в файле стилей необходимо прописать следующее:
1 2 3 4 5 6 7 |
@font-face { font-family: 'AvenirNextCyr-Bold'; src: url('../fonts/AvenirNextCyr-Bold.eot'); src: url('../fonts/AvenirNextCyr-Bold.eot#iefix') format('embedded-opentype'), url('../fonts/AvenirNextCyr-Bold.woff') format('woff'), url('../fonts/AvenirNextCyr-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } |