Inline CSS Personnalisé Polices En HTML5

Je suis en train d'utiliser une police personnalisée dans une page web. J'ai cependant ne savons presque rien sur le HTML5 et le CSS. Je veux 1 balise h1 pour avoir une police personnalisée. J'ai l' .ttf fichier dans le même dossier que la page web. J'ai essayé sans succès:

<h1 style="text-align: center"; font-family="MinecrafterReg.ttf">Welcome to Ben's Minecraft</h1>

Pourrait quelqu'un d'autre peut m'aider?

connexes stackoverflow.com/questions/7512468/...

OriginalL'auteur Ben Ackerley | 2015-09-08

  1. 2

    Bâton de ce dans le style tags:

    @font-face {
font-family: MinecrafterReg;
src: url(MinecrafterReg.ttf);
font-weight:400;

    Puis coller ceci dans la balise h1: 

    <h1 style="text-align: center; font-family: MinecrafterReg">Welcome to Ben's Minecraft</h1>

    OriginalL'auteur Ben Ackerley

  2. 0

    Aujourd'hui, vous pouvez placer un @import en haut de votre style bloc:

    <style>
  @import url('https://fonts.googleapis.com/css?family=Roboto');
</style>

    OriginalL'auteur James Gentes

  3. -1

    Ce n'est pas la façon dont vous devriez utiliser une police personnalisée sur un site web. D'abord, vous devez utiliser une feuille de style externe et d'avoir tous vos css. À l'aide de styles en ligne n'est pas une grande pratique. Deuxièmement, je ne pense pas que vous pouvez lier à un .ttf fichier comme vous le souhaitez. Notez également que votre code a mal inline format. font-family: pas =. Aussi l'ensemble de style en ligne doit être entre guillemets. style="text-align: center; font-family: 'Sigmar One', cursive;"

    Cela étant dit, vous pouvez lier votre police dans votre "tête" de votre document, puis utiliser des styles en ligne pour le style h1. Voici une façon de le faire avec un de polices google. Espérons que cette aide!

    <head>
<link href='https://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet' type='text/css'>
</head>

<h1 style="text-align: center; font-family: 'Sigmar One', cursive;">Welcome to Ben's Minecraft</h1>
    Lors de l'optimisation de la performance inline styles est en fait très utile.

    OriginalL'auteur Mike