domingo, 17 de abril de 2016

¿Cómo incluir fuentes de Google localmente en un proyecto de SharePoint con Visual Studio?

Muchos proyectos web utilizan Google Fonts. En este breve artículo veremos cómo incorporarlas en SharePoint, asumiendo que nuestro proyecto no tiene acceso a Internet y que es necesario descargar las fuente en forma local.



Paso 1 - Descargar las fuentes


Seleccionamos la fuente


Estilo y chartset


CSS



Y finalmente descargamos los archivos de las fuentes:



Paso 2: agregarlas en SharePoint

En nuestro proyecto en Visual Studio agregar las fuentes y la CSS:


Agregamos el link a la CSS en las páginas en donde las utilizaremos o en la página maestra:

<link href="branding.css" type="text/css" rel="stylesheet" id="stylesheet" />

Usamos las fuentes en nuestro código:

body{
font-family: 'Source Sans Pro', sans-serif;


Paso 3: MIME

Es posible que para versiones viejas de IE requieras agregar el MIME "woff" en IIS.



Paso 4: listo

El resultado:

0 comentarios:

Publicar un comentario en la entrada