Lato

CDN:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.es.gov.br/fonts/lato/1.0.0/css/lato.min.css">

Exemplo:

/* Pesos da Fonte */
body{
 font-family:'Lato-thin', sans-serif; /* font-weigh: 100;*/
 font-family:'Lato-thin-italic', sans-serif; /* font-weight: 100; font-style:italic; */
 font-family:'Lato-light', sans-serif; /* font-weight: 300;*/
 font-family:'Lato-light-italic', sans-serif; /* font-weight: 300; font-style: italic; */
 font-family:'Lato', sans-serif; /* font-weight: 400;*/
 font-family:'Lato-italic', sans-serif; /* font-weight: 400; font-style: italic; */
 font-family:'Lato-bold', sans-serif; /* font-weight: 700;*/
 font-family:'Lato-bold-italic', sans-serif; /* font-weight: 700;font-style:italic; */
 font-family:'Lato-black', sans-serif; /* font-weight: 900 */
 font-family:'Lato-black-italic', sans-serif; /* font-weight: 900;font-style:italic; */
}

Open Sans

CDN:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.es.gov.br/fonts/open-sans/1.0.0/css/open-sans.min.css">

Exemplo:

/* Pesos da Fonte */
body{
 font-family:'OpenSans-Light', sans-serif; /* font-weigh: 300 */
 font-family: OpenSans, sans-serif; /* font-weight: 400 */
 font-family:'OpenSans-Semibold', sans-serif; /* font-weight: 600 */
 font-family:'OpenSans-Bold', sans-serif; /* font-weight: 700 */
 font-family:'OpenSans-ExtraBold', sans-serif; /* font-weight: 800 */
}

Oswald

CDN:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.es.gov.br/fonts/oswald/1.0.0/css/oswald.min.css">

Exemplo:

/* Pesos da Fonte */
body{
 font-family:'Oswald-Light', sans-serif; /* font-weigh: 300 */
 font-family:'Oswald', sans-serif; /* font-weight: 400 */
 font-family:'Oswald-Bold', sans-serif; /* font-weight: 700 */
}

PT Sans

CDN:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.es.gov.br/fonts/pt-sans/1.0.0/css/pt-sans.min.css">

Exemplo:

/* Pesos da Fonte */
body{
 font-family:'PT Sans', sans-serif; /* font-weigh: 400 */
 font-family:'PT Sans Italic', sans-serif; /* font-weight: 400; font-style:italic; */
 font-family:'PT Sans Bold', sans-serif; /* font-weight: 700 */
 font-family:'PT Sans BoldItalic', sans-serif; /* font-weight: 700; font-style:italic; */
}

Raleway

CDN:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.es.gov.br/fonts/raleway/1.0.0/css/raleway.min.css">

Exemplo:

/* Pesos da Fonte */
body{
 font-family:'Raleway-thin', sans-serif; /* font-weigh: 100 */
 font-family:'Raleway-extralight', sans-serif; /* font-weight: 200 */
 font-family:'Raleway-light', sans-serif; /* font-weight: 300 */
 font-family:'Raleway', sans-serif; /* font-weight: 400 */
 font-family:'Raleway-medium', sans-serif; /* font-weight: 500 */
 font-family:'Raleway-semibold', sans-serif; /* font-weight: 600 */
 font-family:'Raleway-bold', sans-serif; /* font-weight: 700 */
}