css - importar - ¿Cómo puedo incrustar una fuente de sitio web personalizada en formato ttf para todos los navegadores?
fuentes personalizadas css (2)
En mi sitio web estoy usando una fuente personalizada que he subido. Parece estar eligiendo cuándo trabajar intermitentemente. Funciona en algunas computadoras / navegadores, pero no en otras. También se mapea correctamente.
Este es mi código:
<style type="text/css">
@font-face {
font-family: ''AgencyFBRegular'';
src: url(''agencyr.eot'');
src: url(''agencyr.eot?#iefix'') format(''embedded-opentype''),
url(''agencyr.woff'') format(''woff''),
url(''AGENCYR.TTF'') format(''truetype''),
url(''agencyr.svg#AgencyFBRegular'') format(''svg'');
}
h3 { font-family: ''Agency FB'', sans-serif; font-size: 26px; font-weight:normal; text-align: left; line-height: 100%;
border-bottom: 1px solid #484848; padding-bottom: 5px; margin-bottom:7px;
</style>
Pensé que funcionaba en todas partes hasta que usé la computadora portátil de un amigo para verla.
¿Puedes ver donde me voy mal?
ACTUALIZACIÓN: He actualizado la fuente CSS. Parece estar funcionando, pero ahora no en iOS.
El siguiente código debería funcionar:
@font-face {
font-family:"AgencyFBRegular";
src: url("agencyr.eot") /* EOT file for IE */
}
@font-face {
font-family:"AgencyFBRegular";
src: url("agencyr.ttf") /* TTF file for CSS3 browsers */
}
h3 {
font-family:''Agency FB'', sans-serif;
font-size: 26px;
font-weight:normal;
text-align: left;
line-height: 100%;
border-bottom: 1px solid #484848;
padding-bottom: 5px;
margin-bottom:7px;
}
Necesita cambiar el nombre de archivo de su fuente sin mayúsculas. Así: de AGENCYR.TTF a agencyr.ttf
y en su archivo css:
src: url(''agencyr.ttf'');