Como subir una fuente a wordpress

Inicio Foros WordPress Programación Como subir una fuente a wordpress

Etiquetado: ,

Este debate contiene 4 respuestas, tiene 3 mensajes y lo actualizó  joelbello hace 4 años, 10 meses.

  • Autor
    Publicaciones
  • #74112

    joelbello
    Participante

    Hola que tal solicito de su ayuda ya que realmente nose como subir un font a un sitio web.
    He visto plugins de google fonts pero no esta el font que requiero: OPENSANS-LIGHT como lo subo de forma manual? o ya existe un plugin sencillo para hacerlo.

    Donde modifico el .css, donde agrego el font.

    /* 04. Typography
    /* ———————————————————————— */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    font-style: bold;
    margin: 0 0 10px 0;
    padding: 0;
    }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a { font-weight: inherit }

    h1 {
    font-size: 28px;
    line-height: 1.6;
    }

    h2 {
    font-size: 22px;
    line-height: 1.6;
    }

    h3 {
    font-size: 18px;
    line-height: 1.6;
    }

    h4 {
    font-size: 16px;
    line-height: 1.6;
    }

    h5 {
    font-size: 14px;
    line-height: 1.6;
    }

    h6 {
    font-size: 12px;
    line-height: 1.6;
    }

    .highlight {
    color: #289dcc;
    }

    p { margin: 0 0 20px 0 }

    p img { margin: 0 }

    em { font-style: italic }

    strong { font-weight: bold }

    small { font-size: 80% }

    hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
    }

    pre {
    height: auto;
    font-family: Consolas, monospace;
    border: 1px solid #e2e2e2;
    background: #f7f7f7;
    padding: 20px 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 20px 0;
    overflow-x:auto;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    }

    .hidden { display: none !important }

  • #74113

    Aprendiz
    Participante

    Busca información acerca de “@font-face”

  • #74117

    Antonio Rodriguez
    Participante

    tambien puedes utilizar cufon

  • #74118

    joelbello
    Participante

    Hola Antonio sabes ya Instale Cufon de igual manera ya subi mi font y me la detecta pero el problema es que no hace ningun cambio, sera por que el theme que estoy usando ya tiene bastantes fonts (usa google fonts) se debera cambiar al codigo?

    muchas gracias por el soporte.

  • #74119

    joelbello
    Participante

    hola que tal ya logre cambiar el font tengo una duda como logro cambiarlo a todo el sitio?
    cuales son los llamados para las demás areas.

    Cufon.set(‘fontFamily’, ‘Open Sans’).replace(‘h1’)(‘h2’)(‘h3’)(‘h4’)(‘h5’)(‘h6’);

    saludos cordiales

El foro ‘Programación’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest