CSS | Propiedad de interletraje de fuente

Esta propiedad se utiliza para controlar el uso de la información de interletraje que se ha almacenado en la fuente. Kerning define cómo se espacian las letras. Esta propiedad no tendrá ningún efecto visible para aquellas fuentes que no tengan información de interletraje.

Sintaxis:  

font-kerning: auto|normal|none;

Valor por defecto: 

  • auto 

Propiedad:  

  • auto: Es el valor por defecto. El Navegador decide si se aplica o no el interletraje de fuentes.
  • normal: se utiliza para especificar que el interletraje de fuentes se aplica normalmente en los navegadores.
  • ninguno: se utiliza para especificar que no se aplica el interletraje de fuentes.

Ejemplo:  

html

<!DOCTYPE html>
<html>
    <head>
        <title>
            CSS | font-kerning Property
        </title>
        <style>
            div {
                font-family: serif;
                font-size: 20px;
                font-weight:bold;
            }
            div.geeks {
                font-kerning: normal;
            }
            div.SUDO {
                font-kerning: auto;
            }
            div.gfg {
                font-Kerning:none;
            }
            h1 {
                color:green;
            }
            body {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2>The font-kerning Property</h2>
        <h3>font-kerning:normal;</h3>
        <div class="geeks">
         GeeksforGeeks:
         A computer science portal for Geeks
        </div>
        <h3>font-kerning:auto;</h3>
        <div class="sudo">
         GeeksforGeeks:
         A computer science portal for Geeks</div>
        <h3>font-Kerning:none;</h3>
        <div class="gfg">
         GeeksforGeeks:
         A computer science portal for Geeks
        </div>
    </body>
</html>                   

Producción: 
 

Navegadores compatibles: Los navegadores compatibles con CSS | Las propiedades font-kerning se enumeran a continuación:  

  • Google Chrome 33.0
  • Borde 79.0
  • Firefox 32.0
  • Ópera 20
  • Safari 9.0

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *