LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
Fonts en el foro sin necesidad de tenerlas instaladas EmptyMar Feb 27, 2024 10:22 am por hoanglongnhatbao

» [PHPBB3] Fondo y otros efectos al texto llamado "Por X" debajo de los titulos de los post.
Fonts en el foro sin necesidad de tenerlas instaladas EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

» Skin: Academy [Adaptado por: 15-tronos]
Fonts en el foro sin necesidad de tenerlas instaladas EmptyMar Mayo 30, 2023 8:47 am por hoanglongnhatbao

» [PHPBB3] KN-Anime - VAngel.
Fonts en el foro sin necesidad de tenerlas instaladas EmptyMar Mayo 30, 2023 8:46 am por hoanglongnhatbao

» [PHPBB3] Element Professional Style
Fonts en el foro sin necesidad de tenerlas instaladas EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
Fonts en el foro sin necesidad de tenerlas instaladas EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

» [Todas] Efecto Slider Transition en el Logo
Fonts en el foro sin necesidad de tenerlas instaladas EmptyMar Mayo 30, 2023 8:43 am por hoanglongnhatbao

» [PHPBB3] Mejores Posteadores flotantes.
Fonts en el foro sin necesidad de tenerlas instaladas EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

» [phpbb3] Agrandar el nombre de usuario en el perfil
Fonts en el foro sin necesidad de tenerlas instaladas EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

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

Nuestros miembros han publicado un total de 41254 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.]


Andreii

Andreii
Miembro activo
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


Kvovtz

Kvovtz
Soy new user
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.


Ayax

Ayax
Mod.Códigos
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.

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.