Google Font Directory no es un servicio nuevo de google ya tiene varios meses y como se sabe sirve para agregar nuevos tipos de fuentes y obviamente presenta cierto tipo de ventajas sobre sus equivalentes como @font-face, como ser:
- Se comportan como texto normal, no hay canvas ni otros objetos.
- Indexables y legibles para los buscadores.
- Visualmente atractivas y sin pérdida de calidad al hacer zoom.
- Accesibles a todo tipo de lectores de pantalla.
- Rápido a la hora de cargar las fuentes
- y Cualquier Navegador lo Soporta
Su uso normal es el siguiente:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ontuts - Ejemplo de Google Fonts API</title>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<style>
body{
font-family: 'Yanone Kaffeesatz', serif;
font-size: 72px;
text-shadow: 4px 4px 4px #bbb;
font-weight: 700;
text-align: center;
}
</style>
</head>
<body>
¡Ontuts arrasa por donde pasa!
</body>
</html>
Como ven el ejemplo se esta agregando el tipo de fuente Yanone Kaffeesatz que se lo usa con el CSS normal.
Ahora para usarlo en WordPress solo tenemos que agregar la linea que nos sirve para llamar a la fuente desde el repositorio de google en el header.php.
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
Y agregar el CSS en el style.css del theme
Para Joomla se hace lo mismo con la diferencia que buscamos en el Template de Joomla el index.php que es donde normalmente agregados las cosas del HEAD y la carpeta del CSS para agregar las lineas del css.
Por Gonzalo
El 5 de abril de 2011 a las 0:29
Y una vez que puse en el head ese link como elijo a que parte le pongo esa letra ? como modifico el css ?
Por Inturias
El 5 de abril de 2011 a las 9:39
Hola Gonzalo, lo manejas por el CSS normal, como bien lo ves en el ejemplo, cargamos la fuente “Yanone Kaffeesatz” y asignamos a todo el Body ese tipo de fuente, tamaño y estilo.
body{ font-family: ‘Yanone Kaffeesatz’, serif;
font-size: 72px;
text-shadow: 4px 4px 4px #bbb;
font-weight: 700;
text-align: center; }
Por Gonzalo
El 7 de abril de 2011 a las 1:36
Gracias che me re ayudaste. Suerte ^^
Por Inturias
El 7 de abril de 2011 a las 1:50
Por nada Gonzalo, aquí estamos para lo que se necesite!.
Por jairo
El 4 de noviembre de 2011 a las 15:22
en mi index.php solo me aparece esto
display();
/**
* Expected to see a template file here? Well this template is just a little
* different. In order to provide some extra features, we’ve altered a few
* little things about how Joomla templates work.
*
* Below are some common questions and answers if you want to get started
* making some customizations.
*/
/**
* Question: How do I edit the template HTML code?
*
* Answer: The best thing to do is to copy the ‘template.php file’, then rename
* the copy to ‘custom.php’. The framework will recognize you have a customized
* version, and load that file rather than the default ‘template.php’ file.
* Then you can edit the code inside of custom.php as much as you wish, and
* still be able to update the template without overriding changes.
entonces no se donde poner el codigo :/
alguien me ayuda?
Por Inturias
El 4 de noviembre de 2011 a las 16:45
‘template.php file’, then rename
* the copy to ‘custom.php’. The framework will recognize you have a customized
* version, and load that file rather than the default ‘template.php’ file.
Ahi dice!
Pero parece que tienes un template de Pago no?