2.6.1 Cómo agregar fuentes para el Creador de PDF


Por favor lea antes de comenzar:

 

  • Creador de PDF funciona a través de la biblioteca mPDF

 

  • Creador de PDF también coopera con el editor (CKEditor), que se utiliza para crear / personalizar sus propias plantillas

 

  • Sin embargo, no es posible cambiar los estilos de fuentes en su plantilla a través del diseño del editor (CKEditor)

 

  • Puede usar todas las funciones del editor (CKEditor) para fuentes como: estilos, formatos, tamaño, colores pero no las fuentes

 


  • Las fuentes solo se pueden definir a través del código fuente de la plantilla, utilizando etiquetas HTML o CSS, o mediante nuestra extensión gratuita Styles 4 You creando un estilo

 

Ejemplo: <p style = ”font-family: frutiger”> Texto en Frutiger </ p >

 

  • mPDF admite fuentes Truetype, leyendo e incrustando directamente desde los archivos de fuentes .ttf
  • También se admiten colecciones Truetype (archivos .ttc) y archivos Opentype (.otf) en formato Truetype
  • Es por eso que debe leer la siguiente sección sobre cómo usar fuentes personalizadas en Creador de PDF

 

Cómo agregar nuevas fuentes paral Creador de PDF:

 

  • Encuentre la fuente que desee, usaremos Comic Sans MS (asegúrese de que su fuente sea .ttf)
  • Suba el archivo de fuentes Truetype al directorio de fuentes (carpeta tcrm/modules/PDFMaker/resources/mpdf/ttfonts)

 


  • A continuación, abra el archivo modules/PDFMaker/ mpdf/config_fonts.php

 


  • Ahora, necesitamos definir esta fuente agregando una matriz para que podamos usarla como HTML o CSS en nuestras plantillas.

 

  • En el archivo que hemos abierto config_fonts.php, alrededor de la línea 83: “$this->fontdata=array” puede ver cómo se definen otras fuentes.

 


  • Necesitamos agregar nuestra matriz:

 

"Comicsansms" => matriz (
'R' => "ComicSansMS3.ttf",
),


Breve explicación de algunas definiciones que agregamos:

 

  • “Comicsansms”= se usará en una plantilla / estilos para definir la fuente, puede nombrarla como desee
  • ‘R’ = significa fuente normal, también puede usar la fuente en negrita ‘B’ si también cargó fuentes en negrita
  • “ComicSansMS3.ttf” = es el nombre de la fuente que cargamos en el paso 2
  • Cuando termine, guarde los cambios en el archivo config_fonts.php
  • Abra la plantilla con su texto y haga clic en el botón “Fuente” a través del diseño del CKEditor.

 


  • La plantilla cambiará al formato HTML del código fuente, ahora necesitamos definir la fuente que cargamos para cambiar el estilo del texto.

 

Por defecto, debería ver el código:

 

<html>
<head>
<title> </title>
</head>
<body> <strong> Fuentes personalizadas para PDF Make </strong> r <br />
<br />
<strong> Comic Sans MS: </strong> Aquí hay texto aleatorio, ABCDEFGH 1 2 3 4 5 6 7 8 9 0 </body>
</html>

Ahora necesitamos agregar estilo a nuestra fuente, debería verse así:

 

<html>
<head>
<title> </title>
</head>
<body> <strong> Fuentes personalizadas paral Creador de PDF </strong><br />
<br />
<span style=”font-family: comicsansms”> <strong> Comic Sans MS: </strong> texto aleatorio aquí, ABCDEFGH 1 2 3 4 5 6 7 8 9 0 </span> </body>
</html>

  • Puede usar cualquier estilo de fuente html / css que prefiera para definir fuentes: span style=”font-family, p style =”font-family.
  • Guarde / aplique los cambios y pruebe Exportar o Vista previa de la plantilla

 


Ir al contenido