Почему css не видит семейство шрифтов?

Question

[ferles]

Всем привет, скачал себе шрифты в папку, подключаю их (sass):

@font-face
	font-family: 'Lato'
	src: url('../fonts/Lato-Black.ttf') format('ttf')
	font-weight: 900

@font-face
	font-family: 'Lato'
	src: url('../fonts/Lato-Regular.ttf') format('ttf')
	font-weight: 400

@font-face
	font-family: 'PlayfairDisplay'
	src: url('../fonts/PlayfairDisplay-Regular.otf') format('otf')
	font-weight: normal

После подключения шрифты не отображаются, если в font-family по мимо имени шрифта прописать sans-serif.
Если же убрать sans-serif, то шрифт отображается адекватно

Comments

[Ankhena]

Выложите весь sass код, который касается шрифтов.
Желательно на codepen.io, там есть поддержка sass, а заодно и уведомление об ошибках синтаксиса, если они есть.

p.s. для современных браузеров шрифты подключаются в форматах woff2 и woff.

Answer 1

[tyzberd]

пробуйте

body {
font-family: 'Lato', sans-serif;
}

Comments

[ferles]

Как раз таки, когда я пишу так, используется стандартный шрифт, а если

тег {
font-family: 'Lato'
}

то отображается шрифт Lato

[tyzberd]

https://codepen.io/tyzberd/pen/vvXzrB