LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Estadísticas Y ¿Quien esta en Linea? como PUNBB.
Dom Ago 20, 2017 1:29 am por +Luigi!

» [PHPBB3] Recuadro a el contenido y el titulo de "¿Quien esta en Linea?".
Dom Ago 20, 2017 1:27 am por +Luigi!

» Free Forum Ranks
Lun Ago 14, 2017 3:10 am por sukerwold

» RPG Forum Ranks (Double Pack)
Lun Ago 14, 2017 3:09 am por sukerwold

» [MEGAPACK] Todos los iconos que necesitas para tu foro en un solo lugar!! -Proximamente PSD- INCLUYE EPS
Lun Ago 14, 2017 1:33 am por osmardj

» info del user al dar clic al nombre del user en el index
Vie Ago 04, 2017 10:22 pm por tyhr

» Nebula Resource Pack
Jue Ago 03, 2017 6:41 pm por Aikazen

» Skin Teen Pro9x [ PunBB ]
Lun Jun 05, 2017 3:39 am por profesional

» Ranks 3
Miér Mayo 31, 2017 11:17 pm por zotinyx

Estadísticas
Tenemos 2351 miembros registrados.
El último usuario registrado es sukerwold.

Nuestros miembros han publicado un total de 41211 mensajes en 3358 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.