Les partenaires publicitaires:

Comment coder lettres moulées de police

Ce qui constitue une lettre de bloc peut varier légèrement selon que vous parlez à un typographe ou un concepteur Web. Cependant, les caractéristiques communes d'une police en caractères d'imprimerie comprennent majuscules, en gras et sans-serif (sans projections aux extrémités de la lettre coups). Si vous codez lettres majuscules dans le texte de votre site Web, malheureusement il n'y a pas une seule action à prendre toutes ces caractéristiques apparaissent. Cependant, par l'apprentissage de trois propriétés spécifiques de CSS, vous devriez être en mesure d'ajuster une police à votre goût pour ressembler à lettres moulées.

Choses que vous devez

  • fichier HTML pour votre site web
  • logiciel éditeur de texte ou un logiciel en option Page Web-développement

Instructions

  1. Ouvrez votre fichier HTML dans votre logiciel de montage à la section qui contient vos styles CSS. Sinon, ouvrez le fichier CSS que vous utilisez comme une feuille attachée à votre document HTML.

  2. Décidez qui tag que vous allez utiliser pour désigner le style d'une lettre de bloc. Par exemple, vous pouvez appliquer le style à tout texte qui est marqué comme "h1" ou "h2" dans votre fichier HTML, ou peut-être tout texte qui apparaît dans un paragraphe, marqué comme "p," devrait avoir le style de bloc.

  3. Commencez par la propriété font-family de décider quelle police que vous souhaitez utiliser. Par exemple, tapez le code suivant:

    p {

    font-family: sans-serif;

    }

    Cela signifie que tout texte désigné comme texte de paragraphe dans le document HTML apparaîtra comme la police par défaut sans-serif sur l'ordinateur de l'utilisateur. Vous pouvez spécifier à la place des polices spécifiques, dans l'ordre dans lequel vous préférez, en tapant:



    p {

    font-family: arial, Verdana, Tahoma, sans-serif;

    }

    Cela signifie texte d'un paragraphe sera affiché dans la police Arial. Si le spectateur n'a pas Arial installé sur son ordinateur, la police va afficher comme Verdana, ou sur la liste - enfin à la police par défaut sans-serif de l'ordinateur.

  4. Faire la police dans toutes les lettres majuscules en utilisant la propriété text-transform. Tapez le code suivant dans le style:




    p {

    font-family: arial, Verdana, Tahoma, sans-serif;

    text-transform: uppercase;

    }

  5. Téméraire la police en utilisant la propriété font-weight:

    p {

    font-family: arial, Verdana, Tahoma, sans-serif;

    text-transform: uppercase;

    font-weight: bold;

    }

    Les options de font-weight comprennent "gras," "plus audacieux," et un système de 100 à 900. Par exemple numéro, vous pouvez taper "font-weight: 700-" voir comment il apparaît sur des ordinateurs différents et modifier le numéro en conséquence.

  6. Régler ces trois propriétés dans votre code pour obtenir la lettre de bloc résultat que vous désirez. Enregistrez le fichier et observer les résultats dans un navigateur.

Conseils & Avertissements

  • Lorsque vous utilisez la propriété font-family, vous devez placer les noms de police qui ont des espaces en leur sein entre guillemets. Par exemple, vous pouvez simplement écrire Arial, mais "Times New Roman" doit apparaître entre guillemets.
  • Si la transformation de style n'a pas lieu une fois que vous enregistrez le fichier, assurez-vous que vous vous retrouvez chaque valeur de propriété par un point virgule et que tout le style est entre accolades.
  • Si vous utilisez une famille de polices moins commun, assurez-vous de tester vos autres effets de style sur elle. Il est possible que certaines familles de polices peuvent ne pas répondre à la propriété text-transform. Vous voudrez peut-être à la recherche les polices qui sont communs, avec ceux qui apparaissent sur Mac mais pas PC et vice versa.
» » » » Comment coder lettres moulées de police