INSTRUCCIONES DE INSTALACIÓN: | Universidad Panamericana

Inicio › INSTRUCCIONES DE INSTALACIÓN:

Menú

INSTRUCCIONES DE INSTALACIÓN: TIPOGRAFÍA PANAMERICANA PRINCIPAL (ENTORNOS WEB, IMPRESOS)

1. Descarga y extracción del archivo

Recibirás un archivo comprimido en formato .zip con la tipografía Panamericana.
Ejemplo: Panamericana_Fonts.zip
Guarda el archivo en tu computadora (por ejemplo, en la carpeta Descargas).
Haz clic derecho sobre el archivo .zip y selecciona “Extraer todo” (Windows) o “Abrir con > Utilidad de Compresión” (macOS).
Se generará una carpeta con los archivos .otf (ejemplo: Panamericana-Regular.otf, Panamericana-Bold.otf, etc.).

2. Instalación en Windows

Abre la carpeta extraída.
Haz doble clic sobre el archivo .otf de la tipografía.
Se abrirá una ventana de vista previa con el botón “Instalar”. Haz clic en él.
Repite el proceso con cada peso/estilo (Regular, Bold, Italic, etc.) incluido en la carpeta.

💡 Alternativa:

Selecciona todos los archivos .otf, haz clic derecho y elige “Instalar para todos los usuarios” para que la fuente quede disponible en todo el sistema.

3. Instalación en macOS

Abre la carpeta extraída.
Haz doble clic en cada archivo .otf.
Se abrirá la aplicación Catálogo Tipográfico (Font Book).
Pulsa el botón “Instalar fuente”.
Repite para cada variante de la tipografía.

💡 Consejo: Puedes crear una Colección en Font Book llamada Panamericana para agrupar todos los estilos y mantener ordenada tu biblioteca tipográfica.

4. Verificación de la instalación

En Windows: abre Word, PowerPoint o Illustrator, escribe un texto y busca Panamericana en la lista de fuentes.
En macOS: abre Pages, Keynote o InDesign y verifica que la tipografía aparezca como Panamericana.

5. Uso en entornos digitales

Una vez instalada, la tipografía quedará disponible en todas las aplicaciones que usen las fuentes del sistema (Word, PowerPoint, Illustrator, Photoshop, InDesign, etc.).
Para entornos web, no se recomienda usar directamente el archivo .otf. En su lugar, se deberá convertir a formatos web (.woff, .woff2) o gestionarse mediante un servicio autorizado. Esto evita problemas de compatibilidad y licenciamiento.

6. Recomendaciones institucionales

Mantener el archivo .zip original en un repositorio seguro (Google Drive, Dropbox institucional, etc.) para futuras instalaciones.
No renombrar los archivos .otf, ya que puede dificultar su correcta detección por los programas.
Instalar siempre todas las variantes (Regular, Bold, Italic, etc.) para garantizar consistencia tipográfica en presentaciones, publicaciones y documentos oficiales.

INSTALACIÓN DE TIPOGRAFÍA SECUNDARIA SERAVEK

¿Qué es Adobe Fonts y cómo funciona con Seravek?

Seravek forma parte de la biblioteca de fuentes de Adobe Fonts. (Adobe Fonts). Saber que esta tipografía de pago y debe usarse exclusivamente si se cuenta activa de Adobe Fonts.
Al activarla desde Adobe Fonts, la fuente queda disponible en tus aplicaciones de creativo (InDesign, Illustrator, Word, etc.) en tus equipos que usan la misma cuenta de Adobe Creative Cloud.
No estás descargando directamente un archivo .ttf o .otf, sino que la fuente se sincroniza a través del servicio de Adobe.
Es importante que tu licencia de Adobe (Creative Cloud) esté activa, y que el equipo esté conectado a internet para que el servicio pueda validar y sincronizar las fuentes.

Requisitos previos

Antes de comenzar, asegúrate de:

Tener suscripción activa a Adobe Creative Cloud (o acceso a Adobe Fonts).
Tener instalada la app de escritorio de Creative Cloud, con sesión iniciada con tu cuenta.
Tener conexión a internet (al menos al inicio de la sincronización).
Tener permisos de instalación en el equipo (si es un equipo corporativo, podría haber restricciones).

Pasos para activar Seravek en tu equipo (Windows / macOS)

A continuación el proceso general:

Paso 1: Iniciar sesión en Adobe Fonts

Ve al sitio de Adobe Fonts y accede con tu cuenta de Adobe.
Busca la fuente “Seravek”. En el sitio aparecerá, con sus variantes. (Adobe Fonts)
Haz clic en “Activate Font” (o equivalente, “Activar fuente”) para activarla para escritorio. Esto la pone a disposición de tus aplicaciones de escritorio.

Nota: puede que primero debas “Añadir la familia” antes de activarla, dependiendo de la interfaz. En la página de Seravek aparece “Add Family / Remove”. (Adobe Fonts)

Paso 2: Verificar la sincronización en Creative Cloud

En la aplicación de escritorio Creative Cloud, ve a la sección de Fuentes / Fonts.
Verifica que Seravek aparezca como “activada” o “sincronizada”.
Si no aparece inmediatamente, puede tardar unos minutos. Si hay un botón de “Sincronizar”, úsalo.

Paso 3: Usar la fuente en tus aplicaciones

Una vez activada y sincronizada:

Abre tu programa de diseño (Illustrator, InDesign, Photoshop, Word, etc.).
En la lista de fuentes del programa, busca “Seravek” (o alguna de sus variantes, como “Seravek Regular”, “Seravek Bold”, etc.).
Selecciónala y úsala como cualquier otra tipografía.

Si no aparece inmediatamente, reinicia la aplicación o, en algunos casos, el equipo.

Consideraciones para distintos sistemas operativos

En macOS

No necesitas instalar archivos manualmente. La activación a través de Adobe Fonts es suficiente mientras la aplicación Creative Cloud esté en funcionamiento.
Si la fuente no aparece, puedes verificar en “Libro de Tipos” (Font Book) si la fuente Adobe está activada.
Si hay conflictos con otras versiones locales de Seravek, podría ser útil desactivar o eliminar versiones locales para evitar duplicados.

En Windows

Al estar activada mediante Adobe Fonts, la fuente se instala virtualmente en el sistema a través de la app.
Si estuvieras usando una versión local (archivo .ttf/.otf), podías instalarla con clic derecho → “Instalar” o “Instalar para todos los usuarios”. Pero en este modelo de Adobe esto no es necesario (y puede generar conflicto si hay versiones locales antiguas).
Verifica que no haya restricciones de permisos (sobre todo en equipos de empresa) que impidan la instalación virtual de fuentes.

Solución de problemas comunes

Problema	Causa posible	Solución sugerida
Seravek no aparece en las aplicaciones	La fuente no se sincronizó o Creative Cloud no activo	En la app de Creative Cloud verifica “Fuentes”, vuelve a iniciar sesión, fuerza sincronización
Conflicto con versión local de Seravek	Puede que haya un archivo .ttf/.otf previamente instalado	Desinstala o desactiva la versión local para evitar conflictos
La aplicación no muestra la fuente	Caché de fuentes o necesita reinicio	Reinicia la app o el equipo
Restricción corporativa / permisos	Política de IT bloquea instalaciones de fuentes	Consulta al equipo de TI para que permita la sincronización de fuentes de Adobe

Para la tipografía secundaria de Seravek, será necesario mandar este código de licencia a todos los sitios que correspondan a la universidad.

<style>

@import url(“https://use.typekit.net/ucl1puy.css”);

</style>

.tk-seravek-web { font-family: “seravek-web”,sans-serif; }

font-family: “seravek-web”,sans-serif;

Para utilizar estas fuentes en una página web, copia este código en la etiqueta <head> de tu HTML.

Las indicaciones las puedes encontrar en: https://fonts.adobe.com/fonts/seravek

INSTALACIÓN DE TIPOGRAFÍA PRIMARIA BASKERVILLE OPCIONAL (SOLO PARA ENTORNOS WEB)

Contexto clave: fuentes web vía Adobe Fonts

Las fuentes web de Adobe no pueden autohospedarse (no puedes descargar los archivos .woff/.ttf y servirlos desde tu servidor). Deben integrarse mediante el código de inserción (“embed code”) que Adobe proporciona. (Adobe Help Center)
El proyecto web (Web Project) genera un identificador (“kit ID”) y un CSS hospedado en servidores de Adobe/Typekit. (Adobe Help Center)
Si el servicio de Adobe Fonts queda desactivado (por ejemplo, si la suscripción caduca), las fuentes dejarán de funcionar y el sitio usará las tipografías de respaldo en tu pila CSS. (Adobe Help Center)

Instrucciones paso a paso

Aquí tienes los pasos recomendados:

Paso 1: Seleccionar la fuente en Adobe Fonts

Ingresa con tu cuenta de Adobe Creative Cloud al sitio de Adobe Fonts.
Busca la familia Baskerville Urw (o la variante de Baskerville URW si está habilitada para web).
En la página de la fuente, haz clic en el botón “</> Add to Web Project” (o “Add to Web Project / Add Family”) para incluirla en un proyecto web. (Adobe Help Center)
En la ventana del proyecto web, selecciona las variantes (pesos, estilos: regular, itálica, bold, etc.) que emplearás.
Guarda el proyecto web: Adobe asignará un “kit ID” y te mostrará el embed code (la URL CSS que debes usar).

Paso 2: Insertar el código de embed al sitio web

Adobe proporciona distintos tipos de embed (vía <link> o @import) para cargar las fuentes de forma correcta. (Adobe Help Center)

Opción 1: etiqueta <link> en el <head> de tu HTML (la más común):

<head>
<!– Otras meta, CSS, etc. –>
<link rel=”stylesheet” href=”https://use.typekit.net/XXXXXXX.css”>
</head>

(“XXXXXXX” representa el kit ID generado por Adobe).
Opción 2: @import dentro de tu CSS (al inicio de tu archivo CSS):
@import url(“https://use.typekit.net/XXXXXXX.css”);
Debe colocarse al principio del archivo, antes de otras reglas CSS (o al menos antes de otras importaciones). (Adobe Help Center)

Nota: Si usas @import, algunas páginas pueden “esperar” más antes de renderizar el texto, dependiendo del navegador.

Paso 3: Aplicar la tipografía en tu CSS

En la página del proyecto web en Adobe Fonts, encontrarás la definición CSS sugerida: nombre de la familia (por ejemplo font-family: “baskerville-urw”, serif;), pesos y estilos.
Copia esas reglas CSS para usarlas en tus hojas de estilo.
Por ejemplo, puedes tener algo como:

body {
font-family: “baskerville-urw”, serif;
font-weight: 400;
}
h1, h2, h3 {
font-family: “baskerville-urw”, serif;
font-weight: 700;
}
em, i {
font-style: italic;
}

Asegúrate de que tu pila de fuentes (fallback) incluya fuentes genéricas del mismo estilo (por ejemplo, serif) en caso de que la fuente no cargue.

Paso 4: Verificar y probar

Carga tu sitio en navegador y verifica que el texto aparezca con Baskerville Urw.
En herramientas de desarrollador (DevTools) puedes verificar en el panel de “Fonts” si el navegador ha cargado la fuente desde use.typekit.net.
Prueba en distintos navegadores / dispositivos para asegurar compatibilidad.

Consideraciones y recomendaciones

No agregues múltiples embed codes redundantes: usar más de un Web Project en la misma página puede crear solicitudes HTTP adicionales innecesarias. (Adobe Help Center)
Las reglas de CORS, caché y políticas de contenido (Content Security Policy) pueden afectar la carga de fuentes externas; asegúrate de que tu servidor soporte cargar CSS externos (desde use.typekit.net).
No modifiques los archivos .css hospedados en Adobe ni trates de descargarlos ni alojarlos tú mismo: esto violaría la licencia de Adobe Fonts. (Adobe Help Center)
Si en algún futuro dejas de pagar tu suscripción o cancelas el acceso de Adobe Fonts, las fuentes dejarán de estar disponibles en el sitio (se volverán invisibles) y retomarás la tipografía de respaldo en tu CSS.
Para rendimiento, selecciona solo los pesos/estilos que realmente usarás en el sitio (no incluyas pesos innecesarios). Esto reduce el peso de la carga de fuentes.

Las indicaciones las puedes encontrar en: https://fonts.adobe.com/fonts/baskerville-urw

Consulta nuestro aviso legal para del uso de las tipografías de la Universidad Panamericana.

IMPORTANTE: Considera otras fuentes secundarias para entornos web como Nunito Sans, en caso de no contar con las licencias correspondientes, ya que esto puede causar penalizaciones de usos indebidos de las tipografías.