LOG IN
Usuario:

Contraseña:


Últimos temas
» Skin: Glow Theme [Adaptado por: 15-tronos]
Miér Mayo 09, 2018 1:08 am por profesional

» Hola, me presento
Mar Abr 24, 2018 7:31 pm por Jhunky

» [PUNBB] Powerfull Mystic Skin + Templates Premium [Exclusivo Shutskins]
Lun Ene 15, 2018 7:20 pm por Ivanaruto

» Skin MyApp [ Punbb ]
Sáb Ene 06, 2018 10:54 pm por yeisergs

» Plantilla Game portal v2
Sáb Ene 06, 2018 10:50 pm por yeisergs

» [1.6.x] [Theme/Tema] Glix (MyBB 2013 Gratuito)
Sáb Ene 06, 2018 10:47 pm por yeisergs

» info del user al dar clic al nombre del user en el index
Sáb Ene 06, 2018 10:22 pm por yeisergs

» RPG Forum Ranks (Double Pack)
Jue Nov 23, 2017 9:14 pm por golfete

» Efecto Lightbox automatico en imagenes [Foroactivo]
Mar Nov 21, 2017 3:01 am por djblah

Estadísticas
Tenemos 2352 miembros registrados.
El último usuario registrado es Jhunky.

Nuestros miembros han publicado un total de 41220 mensajes en 3360 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]


He visto ya en varios foros fonts de google web font y no es necesario tenerlas instaladas (para que todos los usuarios las vean) como puedo hacer esto?
Tengo un foro versión PHPBB2
Gracias

Ver perfil de usuario

Debes ir a Google Font y buscar la fuente que más te guste, por ejemplo: Denk One, en el lado derecho aparece un pequeño botón que dice "Quick-use", le das click y te aparecen los estilos disponibles. Vas hacia más abajo y hay un recuadro que dice "3. Add this code to your website:" copias el link que está entre comillas, en este caso, el link completo es
Código:
<link href='http://fonts.googleapis.com/css?family=Denk+One' rel='stylesheet' type='text/css'>
ese, pero solo debes copiar la parte del http (http://fonts.googleapis.com/css?family=Denk+One) y lo pegas en alguna pestaña de tu navegador, deberá abrirse esto:
Código:
@font-face {
  font-family: 'Denk One';
  font-style: normal;
  font-weight: 400;
  src: local('Denk One'), local('DenkOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/denkone/v1/ahLepySZXU_KFQaVZ6XDvPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

Eso tan solo lo pegas en cualquier parte de tu CSS y para cuando quieras usar la font, debes hacerlo como con el primer enlace: o también puedes agregar la propiedad en el módulo (o donde lo ocuparás) de "font-family: 'Denk One'" y también debería cargarte sin problemas, ya que tendrías "instalada" la fuente, solo tienes que especificar en que lugar de tu web o foro la vas a utilizar.

Ver perfil de usuario

Bueno, todo lo que te puso el de arriba, es cierto, así se "Instalan" las fonts de google.
Te daré algunos trucos.

Añadir la font como la principal (Que esté en todo el foro)
Código:

body {
 font-family: "Denk One";
}
Cambias el nombre de la font por la que quieras o hayas "Instalado" en tu foro.



Como añadirla en una página HTML:
Código:

<link href='http://fonts.googleapis.com/css?family=Denk+One' rel='stylesheet' type='text/css'>
<syle>
@font-face {
  font-family: 'Denk One';
  font-style: normal;
  font-weight: 400;
  src: local('Denk One'), local('DenkOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/denkone/v1/ahLepySZXU_KFQaVZ6XDvPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
#dof {font-family: "Denk One";}
</style>

<div style="font-family: "Denk One";>Contenido con STYLE</div>
<div id="dof">Contenido con ID</div>
Si te das cuentas las primeras dos etiquetas (LINK y Style) son los mismos que te dejaron en el primer mensaje. Excepto en el Style que le añadi el #dof

En el primero div puedes ver como ponerlo sin tener que aplicar un ID o CLASS, si la tienes instalada en tu foro también lo podrás poner en los widgets,anuncios y temas(si tienes activado el HTML en tu foro) y creo que en el mensaje del índice, o mas bien en cualquier parte que acepte HTML.

En el segundo DIV vez que le puse id="dof" le puse dof porque en la etiqueta style hay un atributo(o propiedad, no sé como se llaman) que es el siguiente.
Código:
#dof {font-family: "Denk One";}
Si lo quieres así (con el id="dof", que para mi es más simple) es necesario que añadas eso en una etiqueta style.



Añadir esa font solo en algunos textos del foro:

Tienes que agregar el siguiente CSS
Código:
#ayax {font-family: "Denk One";}
y para cualquier texto que quieras ponerlo con esa font, tendrás que ponerlo así
Código:
<div id="ayax">Texto acá</div>

Espero que hayas entendido.
Recuerda decirnos si se solucionó tu problema.


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


Ver perfil de usuario http://biohazard.webmaster-foro.com

Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

Permisos de este foro:
No puedes responder a temas en este foro.