Recientemente me encontré con a web page using the font “ff-tisa-web-pro-1” (especificado en su archivo CSS).¿Fuentes no estándar en la web?
¿Cómo funciona eso? Definitivamente no tengo esta fuente en mi computadora, sin embargo, se mostró.
Puede usar CSS para incrustar fuentes en páginas web.
¿Quieres alejarte de las fuentes 'Web Safe' para algunos encabezados atractivos Y hacerlo sin usar una imagen? ¡Usa CSS 3 e integra una fuente!
Vaya, es un artículo antiguo :) Glad Netscape Navigator está en el balón – zildjohn01
Prefiero tener IE6 que netscape ... –
Editado para enlazar al artículo más reciente. – Gelatin
Como Simon señaló, la declaración font-face CSS @ se pueden utilizar para implementar fuentes tradicionalmente no-web segura en su sitio. Si quieres probarlo tú mismo, definitivamente echa un vistazo al ahora famoso bulletproof font face implementation de Paul Irish, que enlaza con FontSquirrel's font file generator. Ahora es compatible con el navegador cruzado con la implementación correcta, aunque con la mayoría de las fuentes tendrás que lidiar con licencias, y el procesamiento uniforme sigue siendo un problema.
El sitio que usted solicitó utiliza Typekit, uno de los nuevos servicios que alojarán y servirán archivos de fuentes (por una tarifa), y le ofrece una implementación fácil que enmascara las complicaciones de @ font-face. El Font API de Google es similar, aunque es gratis y solo los hosts/sirven una pequeña selección de fuentes gratuitas.
Además, las técnicas alternativas no nativas para incrustar fuentes han existido por un tiempo (aunque no estarían indicadas en el CSS), ver cufon y sIFR.
Eso es una buena lectura. Gracias por los enlaces! – GalacticCowboy
Aquí hay una página de muestra con la que estaba jugando recientemente para ver fórmulas matemáticas en Firefox. La parte que probablemente le interese más es la declaración css @font-face en la parte superior y la style="font-family: DejaVu Serif Web;" asignada a las etiquetas <div> y .
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>mathy fonts test</title>
<style type="text/css">
@font-face {
font-family: DejaVu Serif Web;
src: url(/fonts/DejaVu/ttf/DejaVuSerif.ttf) format("truetype");
}
</style>
</head>
<body>
<h1>DejaVu Serif</h1>
<div style="font-family: DejaVu Serif Web;">
<p>
Nulla eu commodo neque. Donec nec nisi libero. Integer sollicitudin leo
vel arcu elementum mattis. Vivamus eu sodales odio. Curabitur eu auctor
leo. Pellentesque adipiscing nulla iaculis ante commodo aliquet. Donec
egestas tincidunt tincidunt. Nunc ut condimentum orci. Aenean in egestas
tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Curabitur suscipit, sapien ut dignissim
pellentesque, lacus risus facilisis odio, et tristique nunc quam et
mauris. Quisque pellentesque nulla et dui bibendum suscipit. Aenean
consectetur adipiscing nulla, a molestie nunc semper non. Quisque at
ipsum quis turpis gravida commodo et vel felis. Integer lobortis augue
eu tortor aliquet nec mattis nulla aliquam. Sed ornare cursus urna et
congue.
</p>
<p>
<math style="font-family: DejaVu Serif Web;" mode="display" xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<mi>x</mi>
<mo>=</mo>
<mfrac>
<mrow>
<mo form="prefix">−<!-- − --></mo>
<mi>b</mi>
<mo>±<!-- ± --></mo>
<msqrt>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
<mo>−<!-- − --></mo>
<mn>4</mn>
<mo>⁢<!-- ⁢ --></mo>
<mi>a</mi>
<mo>⁢<!-- ⁢ --></mo>
<mi>c</mi>
</msqrt>
</mrow>
<mrow>
<mn>2</mn>
<mo>⁢<!-- ⁢ --></mo>
<mi>a</mi>
</mrow>
</mfrac>
</mrow>
</math>
</p>
</div>
</body>
</html>
si está viendo a nivel local, tiene que ser guardado como .xhtml, no sólo .html, que me consiguió un poco. Esto, por supuesto, está relacionado con el material matemático, no con la fuente, por lo que solo se trata de una nota si intentas utilizar este código completo.
Hay una buena lista de fuentes que puede (legalmente) Insertar en el documento here.
Typekit también proporciona una manera ingeniosa de incrustar fuentes que requieren acuerdos de licencia con fundiciones de tipo. Actualmente ofrecen la posibilidad de utilizar una fuente (de su elección) de forma gratuita.
La vinculación de fuentes ha estado en los navegadores desde hace bastante tiempo; el problema era con qué formato podrías usar. Microsoft, por supuesto, admite un formato de fuente propietario, y Mozilla no. suspiro
No estoy seguro de cómo esto juega con el lado legal de las cosas, pero el generador FontSquirrel incluye una bandera que altera la fuente de tal manera que no se puede instalar o usar como una fuente de escritorio. Por supuesto, todavía requieren que usted declare que tiene derecho a distribuir la fuente ... – GalacticCowboy
La fuente directorio de Google es un recurso interesante para la comprensión de las fuentes dirección web se están moviendo en:
Google recientemente lanzó Font API, podría ser de alguna utilidad para ti.
Si quiere más que conjeturas, debe proporcionarnos su navegador (y versión) y el sitio web. –
URL: http://cykod.com/blog/ –