Cómo instalar una fuente en el servidor

Question

He descargado e instalado una fuente en mi sistema, luego utilicé esta fuente en mi proyecto, funcionó bien en el sistema local, pero cuando cargo esta página en el servidor no funciona. ¿Cómo puedo instalar una fuente en el servidor? o ¿Cómo puedo resolver este problema?

Por favor, ayúdame !!!!

Answer 1

Incluso si instala la fuente en su servidor, no significa que la fuente debería funcionar cuando los usuarios intentan acceder al sitio. La fuente debe instalarse en todas las máquinas que van a acceder, de modo que si su sitio es público, no puede hacer que cada usuario instale la fuente. Entonces, una buena práctica y método recomendado es usar fuentes predeterminadas.

Otra opción es consultar Google Fonts API. Las ventajas son

* A choice of high quality open source fonts. 
* Works in most browsers. 
* Extremely easy to use. 

Answer 2

Con CSS3 es posible incrustar fuentes en sitios web, incluso si no está disponible en la máquina del usuario.

Primero suba su fuente a un directorio en su servidor.

continuación, se registra dicha fuente en el CSS para que pueda usarlo de esta manera:

@font-face { 
font-family: 'Raspoutine Medium'; 
    src: url(http://site/fonts/Raspoutine Medium.ttf); 
} 

Luego, para usarlo en elementos dentro de su sitio:

body { 
font-family: 'Raspoutine Medium', Arial, Helvetica, san-serif; 
} 

(ver http://www.w3.org/TR/css3-fonts/#the-font-face-rule)

Tenga en cuenta que esto solo funcionará en ciertos navegadores modernos, a saber, las versiones actuales de Firefox, Chrome, Safari, Opera e IE9. IE8 y las versiones anteriores de IE no son compatibles con esto, por lo que es bueno declarar y probar el sitio con una fuente 'de retroceso'.

También tenga en cuenta que puede haber problemas de licencias en función de la fuente ..

Answer 3

que es posible cargar una fuente en el servidor en una página web al igual que cualquier otro recurso, el uso de CSS 3 para todos los navegadores modernos excepto para IE, que requiere el uso de WEFT.exe (descarga gratuita de Microsoft) para crear un archivo EOT del archivo de fuentes TTF (guarde el archivo TTF en el directorio de fuentes local antes de ejecutar WEFT).

vez que tenga el TTF y archivos EOT en su directorio de sitios web, el siguiente código debería funcionar:

/* Load font for IE only */ 
@font-face {font-family: Font Name;font-style: normal; font-weight: normal; src: url(FontName.eot)} 
/* Load font for other browsers */ 
@font-face {font-family: Font Name; src: url(FontName.ttf)} 
/* Specify default font and any other styles */ 
#id {font-family:Font Name,sans-serif} 
... 
<p id="id">Text to be displayed</p> 

Answer 4

Haga clic fuente que desea instalar y haga clic en Instalar o de la fuente de la fricción en/sobre el Fuentes ícono en el Panel de control.

Answer 5

Primero tiene que cargar su archivo de fuente en el servidor, descargar el archivo zip de su fuente y cargar la carpeta no descomprimida al servidor a través de FTP como Filezilla, entonces puede usar esto en su CSS pero reemplazar "fuente/ruta" con su ruta donde va a subir la fuente y no es obligatorio subir todos los archivos de extensión que figuran a continuación, pero es una buena práctica hacerlo si no desea cargar ningún archivo de extensión simplemente elimine su entrada del siguiente código

@font-face { font-family: 'Font Name'; src: url('font/path/fontname.eot'); src: url('font/path/fontname.eot?#iefix') format('embedded-opentype'), url('font/path/fontname.woff') format('woff'), url('font/path/fontname.ttf') format('truetype'); font-weight: normal; font-style: normal;} 

se puede utilizar como

#element { font-family: 'Font Name'; } 

Espero que esto ayude

Answer 6

Puede usar / para obtener rutas relativas.

@font-face { 
    font-family: Font-Name; 
    src: url(/content/font/Font-Name.ttf); /* IE */ 
    src: local("B Yekan"), url(/Content/fonts/Font-Name.ttf format("truetype"); /* non-IE */ 
    font-style: normal; 
    font-weight: 100; 
}