• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Truco instalar fuentes

lms

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
La fuente viene en un archivo con diferentes extensiones (la más habitual es .ttf). Ese archivo debes subirlo por FTP a un nuevo directorio que yo he llamado /fonts.
en font-family pones el nombre con el que quieres nombrar luego en el css a la fuente que instalas.
en src defines la ruta física del archivo en donde está ubicada la fuente -./styles/default/xenforo/fonts/ecliptic.ttf- e indicas el formato de la misma -format("truetype")- La ruta debe estar entre comillas simples '
Luego puedes usarla en el css como font-family: 'ecliptic' !important;
PHP: 
/* <----- Inicio FUENTES ------->*/
    @font-face {
        font-family: 'ecliptic';
        src: url('./styles/default/xenforo/fonts/ecliptic.ttf') format("truetype");
        font-style: normal;
        font-weight: normal;
    }
/* <----- FIN FUENTES ------->*/
pero la definición @font-face debe ir antes que el uso de la fuente.
Aquí me funciona y he probado con diferentes fuentes en diferentes lugares. Mira en el recentnews del portal.

Salud2
 
lms

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
El código que he usado es:
PHP: 
/* <----- Inicio FUENTES ------->*/
@font-face {
    font-family: 'ecliptic';
    src: url('./styles/default/xenforo/fonts/ecliptic.ttf') format("truetype");
    font-style: normal;
    font-weight: normal;
}
 
@font-face {
    font-family: 'lokicola';
    src: url('./styles/default/xenforo/fonts/LOKICOLA.TTF') format("truetype");
    font-style: normal;
    font-weight: normal;
}
 
@font-face {
    font-family: 'altea';
    src: url('./styles/default/xenforo/fonts/ALTEA.TTF') format("truetype");
    font-style: normal;
    font-weight: normal;
}
 
@font-face {
    font-family: 'madscrwl';
    src: url('./styles/default/xenforo/fonts/madscrwl.ttf') format("truetype");
    font-style: normal;
    font-weight: normal;
}
 
@font-face {
    font-family: 'thats';
    src: url('./styles/default/xenforo/fonts/thats___.ttf') format("truetype");
    font-style: normal;
    font-weight: normal;
}
 
/* <----- FIN FUENTES ------->*/
 
/* <----- Títulos de nodo ------->*/
 
.node .nodeTitle
{
 
    font-family: 'thats' !important;
}
 
.node .nodeTitle:hover
{
    font-family: 'ecliptic' !important;
    font-size: 18pt;
}
 
.node .unread .nodeTitle
{
 
    font-family: 'thats' !important;
 
}
 
.node .unread .nodeTitle:hover
{
    font-family: 'ecliptic' !important;
    font-size: 18pt;
}
 
.node .nodeDescription
{
 
    font-family: 'thats' !important;
 
}
 
.node .nodeDescription:hover
{
    font-family: 'ecliptic' !important;
    font-size: 16pt;
}
 
.nodeList .categoryStrip .nodeTitle
{
 
    font-family: 'thats' !important;
 
}
 
.nodeList .categoryStrip .nodeTitle:hover
{
    font-family: 'ecliptic' !important;
    font-size: 16pt;
    color: @secondaryDarker;
}
       
 
/* <----- Fin de títulos de nodo ------->*/

Salud2
 
lms

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Mira en este trozo de código:
PHP: 
@font-face {
    font-family: 'thats';
    src: url('./styles/default/xenforo/fonts/thats___.ttf') format("truetype");
    font-style: normal;
    font-weight: normal;
}
Verás que defino en font-family el nombre thats para un archivo que se llama thats___.ttf y luego lo uso en el css como font-family: 'thats'; como sigue:
PHP: 
.nodeList .categoryStrip .nodeTitle
{
    font-family: 'thats' !important;
}
Osea, lo he llamado como he querido (pongo el nombre así para acordarme de la fuente que es).
Con ello logro que las categorías tengan una letra cuando pasas el ratón por encima y los foros otra, pero con la letra por defecto para su visualización inicial (carga más rápido).

Salud2
 
pichu69

pichu69

Miembro
Mensajes
147
Puntuación de reacciones
21
Puntos
18
Lo entiendo, perfectamente, lo has explicado genial.. voy a intentarlo, pero creo que no es muy diferente al lo que he hecho hasta ahora...
Voy a ver y te cuento
 
pichu69

pichu69

Miembro
Mensajes
147
Puntuación de reacciones
21
Puntos
18
Nada!!! debo tener alguna plantilla cambiada o... no será porque tu tienes 1.1 y yo aun estoy en 1.0.x???
 
lms

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Puede influir pero no creo que hasta este extremo. Si poniéndolo en la plantilla EXTRA.css no te rula, prueba poniéndolo en la platilla node_list.css, abajo del todo. Sé que existe algún problemilla de estilo ya que a Manu le pasaba algo similar en en su foro.

Salud2
 
pichu69

pichu69

Miembro
Mensajes
147
Puntuación de reacciones
21
Puntos
18
Bueno, a ver si actualizamos y probamos... perdón por la tardanza en contestar, pero he tenido una semana dura...
 
Hay que estar conectado o registrado para responder aquí.
Arriba