Avisos
Vaciar todo

como colocar un tipo de letra desde el equipo para escribir  

 
Adolfo
 Adolfo
Prominent Member

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

Citar
Respondido : 21/03/2016 7:18 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 21/03/2016 10:25 pm

Cursos Gratuitos WordPress

Adolfo
 Adolfo
Prominent Member

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

ResponderCitar
Respondido : 21/03/2016 11:03 pm
Adolfo
 Adolfo
Prominent Member

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

ResponderCitar
Respondido : 21/03/2016 11:09 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 21/03/2016 11:52 pm
Adolfo
 Adolfo
Prominent Member

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

ResponderCitar
Respondido : 22/03/2016 11:04 am

Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 22/03/2016 11:37 am