Fuentes reales en paginas web
Muchas veces tenemos una fuente extraña y que no todos tienen instalada con la que una pagina web queda mucho mas profesional. Mediante el uso de css es posible incrustar una fuente Truetype y verla en la pagina web.
Un ejemplo sería el siguiente:
@font-face {
font-family: "Ubuntu";
src: url('UbuntuTitling-Bold.eot'); /* Internet Explorer */
src: local('Ubuntu Titling'), local('UbuntuTitling-Bold'),
url('UbuntuTitling-Bold.woff') format('woff'),
url('UbuntuTitling-Bold.ttf') format('truetype'),
url('UbuntuTitling-Bold.svg#UbuntuTitling-Bold') format('svg'); /* Otros navegadores */
}
h1 {
font-family: Ubuntu, Verdana, Arial, sans-serif;
font-size: 15px;
color: #000000;
font-weight : bold;
}
Es posible que tengas que convertir la fuente a formato eot y otros, para hacerlo tienes los siguientes conversores:
Font Face Generator
True Type to Open Type
También les podéis hechar un ojo a las fuentes que podéis usar en vuestra pagina web.
Información Bitacoras.com…
Valora en Bitacoras.com: Muchas veces tenemos una fuente extraña y que no todos tienen instalada con la que una pagina web queda mucho mas profesional. Mediante el uso de css es posible incrustar una fuente Truetype y verla en la pagina web. Un ejem……