Как использовать шрифтовое семейство lato?

Ответ 1

Пожалуйста, поместите этот код в раздел главы

<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>

и используйте font-family: 'Lato', sans-serif; в вашем css. Например:

h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

Ответ 2

Загрузите его из здесь и извлеките LatoOFL.rar, затем перейдите в TTF и откройте font-face-generator. щелкните по Choose File выберите шрифт, который вы хотите использовать, и щелкните по его созданию, затем загрузите его, а затем откройте файл html, чтобы открыть его, и вы увидите код, подобный этому

@font-face {
        font-family: "Lato Black";
        src: url('698242188-Lato-Bla.eot');
        src: url('698242188-Lato-Bla.eot?#iefix') format('embedded-opentype'),
        url('698242188-Lato-Bla.svg#Lato Black') format('svg'),
        url('698242188-Lato-Bla.woff') format('woff'),
        url('698242188-Lato-Bla.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
body{
    font-family: "Lato Black";
    direction: ltr;
}

измените код src и укажите URL-адрес, где находится ваш каталог шрифтов, теперь вы можете использовать его на своем веб-сайте...

Если вы не хотите его загружать, используйте этот

<link type='text/css' href='http://fonts.googleapis.com/css?family=Lato:400,700' />