I
imported_OLMID
Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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
