Avisos
Vaciar todo

como colocar un tipo de letra desde el equipo para escribir

7 Respuestas
3 Usuarios
0 Reactions
870 Visitas
Respuestas: 958
Prominent Member
Topic starter
 

me habian dicho que las fuentes de letra que existen en mi pc no tenia que instalarlos en
la web. Entonces como puedo acceder desde una pagina nueva en el escritorio a una
fuente de letra que aparece en mi equipo para usarla.
gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 21/03/2016 7:18 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Lo recomendable, si quieres usar tipos de letra no estandard, sería usar el servicio de google fonts que te brinda fuentes adicionales

https://www.google.com/fonts

Sin embargo si tienes una fuente diferente, lo más práctico es usar un plugin, revisa :
https://wordpress.org/plugins/use-any-font/

Saludos.


 
Respondido : 21/03/2016 10:25 pm
Respuestas: 958
Prominent Member
Topic starter
 

Gracias.
Pero cuando voy a usar las fuentes de any Font , me dice que necesito
una clave y pagar por ella.
No es gratis?
gracias

adolfo


 
Respondido : 21/03/2016 11:03 pm
Respuestas: 958
Prominent Member
Topic starter
 

Disculpa,
yo tengo una letra que utilizo, "Broadway" en mi Word en el equipo
como la puedo usar?
Voy a google fonts y me dice que no la tienen y me pasan a una web, fonts,
donde tengo que pagar.
gracias
adolfo


 
Respondido : 21/03/2016 11:09 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Tienes otra alternativas, revisa:
http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/

Por ejemplo para hacerlo por CSS3, la idea es que primero localices los archivos de tu tipo de letra, puedes buscarla en tu ordenador o en internet, supongo que es esta :

https://www.myfonts.com/fonts/bitstream/broadway/

Luego este tipo de letra debes convertirla a al menos 3 tipos de archivos
TTF/OTF , WOFF , SVG, EOT , revisa:

Puedes usar un servicio como : http://www.fontsquirrel.com/tools/webfont-generator subiendo el tipo de letra, te generará los formatos adicionales

Finalmente para hacer referencia a tu fuente debes usar CSS3, revisa:
http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Por eso te comenté que es más fácil si usas una fuente que tenga google, si no quieres entrar en complicaciones mejor usar fuentes standard o de google fonts que es gratis. Los otros servicios son de pago.

Saludos.


 
Respondido : 21/03/2016 11:52 pm
Respuestas: 958
Prominent Member
Topic starter
 

ya he bajado la letra con el archivo Font esquirrel, en formato tff a mi equipo.
Pero no la quiero como habitual como times, sino excepcionalmente en algunç
texto de titular.
he abierto el CSS2 para hacerlo. me podrías decir que tengo que escribir para
poder usarla desde las fuentes de la pagina nueva de laz web?
gracias
adolfo


 
Respondido : 22/03/2016 11:04 am
Pepe
 Pepe
Respuestas: 41108
Illustrious Member Admin
 

Hola Adolfo.
Como te comento mi compañero Jhon, lo más sencillo es utilizar fuentes de google, tanto por la carga de la web, compatibilidades y sobretodo facilidad de utilización.

Para poder incluir la fuente en tu web deberás subirlas los tipos de letra al hosting a una carpeta creada xejemplo en la raíz donde tienes la web con el nombre ' fonts ' para poder identificarlo.

Tendrás que crear un archivo personalizado css para que las modificaciones no se pierdan en las próximas actualizaciones:

Agregar archivo CSS personalizado para plantillas Gantry

En el archivo que creaste anteriormente es donde deberemos añadir un poco de código para añadir el tipo de letra:

@font-face {

font-family: ‘Nombre de la fuente’;

   src: url('fonts/ Nombre de la fuente.eot');

   src: url('fonts/ Nombre de la fuente.eot?#iefix') format('embedded-opentype'),

        url('fonts/ Nombre de la fuente.woff') format('woff'),

        url('fonts/ Nombre de la fuente.ttf') format('truetype'),

        url('fonts/ Nombre de la fuente.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}

Después de esto tenemos dos opciones. En el mismo style podemos añadir lo siguiente:

p {
Font-family: ‘Nombre de la fuente’;
}

De esta forma cada párrafo utilizará éste tipo de fuente, o la podemos utilizar para las etiquetas 'h1, h2, h3 '
La otra opción es añadirla simplemente en un párrafo concreto:

Un saludo


 
Respondido : 22/03/2016 11:37 am