CSS - Google fonts (Montserrat) ne pas surcharger la police standard Bootstrap

J'essaye de télécharger la police de Montserrat de google fonts sur un site Web que je construis et pour une raison quelconque cela ne se produit pas. J'ai lu un autre Q & A sur ce qui suggère qu'il peut être un problème avec le chrome?CSS - Google fonts (Montserrat) ne pas surcharger la police standard Bootstrap

Je veux spécifiquement Montserrat parce que c'est la ressemblance google la plus proche de Gotham.

Voilà comment je l'ai chargé sur mon dossier -

style.css

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,80); 


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

Je l'ai essayé aussi dans ma section <head> dans index.html sous le lien bootstrap -

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"> 
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,800" rel="stylesheet">

Je ne sais pas si c'est un problème avec le bootstrap ne voulant pas remplacer ou un problème distinct. Toute aide appréciée.

Source

2017-09-20 Mike.Whitehead

Avez-vous vérifié cette question des réponses? https://stackoverflow.com/questions/24075222/how-can-i-change-the-bootstrap-default-font-family-using-font-from-google – Den

@Den Oui, j'ai. Ce n'est pas clair du tout quelle est la bonne réponse. –

Avez-vous essayé de faire un téléchargement personnalisé de bootstrap car c'était l'une des meilleures réponses sur ce sujet? – Den

Suivez le code ci-dessous.

<!DOCTYPE html> 
 

 

 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,800" rel="stylesheet"> 
 
    <style> 
 
    body { 
 
     font-family: 'Montserrat', sans-serif; 
 
    } 
 
    </style> 
 

 
    <body> 
 

 
    <h1>Montserrat</h1> 
 

 
    </body>

Source

2017-09-20 20:36:28 sarathkumar

Oui, ça va marcher mais c'est un vrai non-non n'est-ce pas? Pourquoi cela ne fonctionnera-t-il pas sans cela? –

bootstrap css remplace votre style car le fichier de style bootstrap se charge après le chargement de votre fichier css personnalisé. – sarathkumar

Mis à jour ma réponse vérifier cela. – sarathkumar

CSS - Google fonts (Montserrat) ne pas surcharger la police standard Bootstrap

Répondre

Questions connexes