Tutorial: Instalar nuevas Fuentes en vBulletin 3.x y 4.x

imported_OLMID Seguir

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
14 Oct 2009
Mensajes
218
Esto es válido para cualquier versión de vB pero como es obligatorio poner el prefijo, he puesto ese :(

En este tutorial explicaremos como instalar una fuente (tipo de letra) en vBulletin y poder usarla para nuestros temas
Vamos a ver el ejemplo con la fuente walt_disney.ttf, se puede descargar de varios sitios

Necesitamos la fuente en 4 extensiones (.ttf, .otf, .svg, .woff), esto es necesario para que se vea en todos los navegadores y sistemas operativos, incluidos android, ios, etc., en esta página podemos convertir nuestra fuente en los 4 formatos

1.- Metemos esos 4 archivos en una carpeta llamada WaltDisney
2.- Creamos una carpeta en el raiz de nuestro servidor llamada Fuentes y metemos la carpeta anterior
3.- Entramos en el Panel de Administración / Estilos y Plantillas / Buscar en Plantillas
4.- Buscamos la plantilla addicional.css, la editamos y añadimos el siguiente código CSS:
Insertar CODE, HTML o PHP:
@font-face {
    font-family: 'Walt Disney';
    src: url('Fuentes/WaltDisney/walt_disney.eot');
    src: url('Fuentes/WaltDisney/walt_disney.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/WaltDisney/walt_disney.woff') format('woff'),
         url('Fuentes/WaltDisney/walt_disney.ttf') format('truetype'),
         url('Fuentes/WaltDisney/walt_disney.svg#Walt Disney') format('svg');
    font-weight: normal;
    font-style: normal;
}

5.- Entramos en Panel de Administración / Estilos y Plantillas / Administrar Estilos y en el desplegable elegimos Todas las Opciones de Estilo
6.- Nos desplazamos hasta abajo y en Fuentes Disponibles añadinos Walt Disney

Nota 1.-
Si tenemos varios Estilos, tenemos que repetir desde el paso 3 en cada uno de ellos
Nota 2.- Es importante respetar los nombres, mayúsculas y ninúsculas

Espero que se entienda bien y que os sea de utilidad ;)

Un saludo
 
Arriba