- 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:
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
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