web-dev-qa-db-fra.com

Comment utiliser lato font-family?

Comment utiliser lato font-family?

J'ai utilisé un style comme celui-ci mais je ne travaillais pas. Comment puis-je faire ? Je vous remercie.

font-family: Lato, Helvetica, sans-serif;

lien: http://www.google.com/fonts/specimen/Lato

cssfont-familygoogle-font-api
46
user3274579

Veuillez mettre ce code dans la section head

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

et utilise font-family: 'Lato', sans-serif; dans votre css. Par exemple:

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

ou vous pouvez aussi utiliser manuellement

Produire .ttf police de fontSquiral

et peut essayer cette option

    @font-face {
        font-family: "Lato";
        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;
}

Appelé comme ça

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

Téléchargez-le de ici et extrayez LatoOFL.rar puis allez dans TTF et ouvrez ce font-face-generator cliquez sur Choose File choisissez la police que vous voulez utiliser et cliquez sur générer, puis téléchargez-la puis allez fichier html ouvrez-la et vous verrez le code comme celui-ci

@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;
}

changer le code src et donner l'URL où votre répertoire de polices est placé, maintenant vous pouvez l'utiliser sur votre site web ...

Si vous ne voulez pas le télécharger, utilisez ceci

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