当前位置: 首页 > 编程笔记 >

php 使用mpdf实现指定字段配置字体样式的方法

穆智刚
2023-03-14
本文向大家介绍php 使用mpdf实现指定字段配置字体样式的方法,包括了php 使用mpdf实现指定字段配置字体样式的方法的使用技巧和注意事项,需要的朋友参考一下

前两天在做一个pdf导出功能,使用的插件是kartik-v/yii2-mpdf,此插件使用的是mpdf

composer required kartik-v/yii2-mpdf

mpdf文档地址: https://mpdf.github.io/

有一个需求要求导出的pdf中需要将一个指定的字段设置为一个指定的字体,其他的信息不使用此字体

刚开始我直接将mpdf的fontdata加上我需要加上的字体文件

//配置字体目录
'fontDir' => array_merge($fontDirs, [
 Yii::getAlias('@common/pdf/fonts'),
]),
//配置字体
'fontdata' => ArrayHelper::merge($fontData, [
 'sun-exta' => [
  'R' => 'my.ttf',
  'sip-ext' => 'sun-extb',
 ]
]),

但是当我配置了如上配置之后发现,pdf的所有信息都变成了这个指定的字体,原来这是全局配置字体

那么我又想到我配置一个无需要使用的字体,然后在页面上引用不就行了吗

于是我配置了一个字体:

'fontdata' => ArrayHelper::merge($fontData, [ 
 'my' => [
  'R' => 'my.ttf',
 ],
]),

配置之后在我们需要生成的pdf的文件中加上如下属性

style="font-family: my;"

加上之后进行测试

但是发现:

我的其他信息变成了一个个小方块

看样子这是由于我没有进行设置我的全局字体,于是我又进行了全局字体配置

如下:

//配置字体文件目录
 'fontDir' => array_merge($fontDirs, [
 Yii::getAlias('@common/pdf/fonts'),
]),
'fontdata' => ArrayHelper::merge($fontData, [
 //配置全局字体
 'sun-exta' => [
  'R' => 'msyh.ttf',
  'sip-ext' => 'sun-extb',
 ],
 //配置指定信息的字体
 'my' => [
  'R' => 'my.ttf',
 ],
]),

配置完成之后发现没有作用,于是在需要生成的pdf文件中引入全局字体样式

body { font-family: sun-exta;}

引入之后发现成功

使用kartik-v/yii2-mpdf完整配置

$pdf = new Pdf([
 'mode' => Pdf::MODE_UTF8,
 'cssFile' => '@common/pdf/assets/score-mpdf.css',//css文件地址
 //mpdf配置
 'options' => [
  'debug' => true,
  'autoScriptToLang' => true,
  'autoLangToFont' => true,
  'ignore_invalid_utf8' => true,
  'baseScript' => \Mpdf\Ucdn::SCRIPT_HAN,
  'tabSpaces' => 4,
  'fontDir' => array_merge($fontDirs, [
   Yii::getAlias('@common/pdf/fonts'),//字体文件目录
  ]),
  'fontdata' => ArrayHelper::merge($fontData, [
   'sun-exta' => [
    'R' => 'msyh.ttf',
    'sip-ext' => 'sun-extb',
   ],
   'my' => [
    'R' => 'my.ttf',
   ],
  ]),
 ]
]);
$content = $this->renderPartial('@common/pdf/score.php', [
 'user' => $model,//传递的信息
]);
$fileName = '测试pdf.pdf';
return $pdf->output($content, $fileName, Pdf::DEST_DOWNLOAD);

根据如上就可以实现给pdf中指定的信息配置字体样式

总结

以上所述是小编给大家介绍的php 使用mpdf实现指定字段配置字体样式的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

 类似资料:
  • 问题内容: 我通过链接标签导入了三张脸,普通,粗体,ExtraBold。正常人脸可以正确显示,但是我无法弄清楚如何在CSS中使用字体的变体 我尝试将以下所有内容用作字体家族的属性,但没有dice: ‘Open Sans Bold’ ‘Open Sans 700’ ‘Open Sans Bold 700’ ‘Open Sans:Bold’ 谷歌文档本身并没有提供太多帮助。任何人都知道如何编写CSS规

  • Roboto 2.0 Material Design 使用的标准字体是 Roboto。在我们的框架里面包含了很多的字体文件。 框架中已经包含了最新版本的 Roboto 字体。共有5种不同的字体宽度可以用: 200, 300, 400, 500, 600。 一张图带你了解。 移除 Roboto 某些情况下你可能不想用 Roboto 字体。更改字体堆栈就行,例: html { font-famil

  • 强调内容 强调内容 源码 *这里是强调内容* <em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。 引用内容 引用内容 源码 `这里是引用内容` <cite> 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。 粗体 粗体 源码 **这里是粗体内容** <strong> 标签和 <em> 标签一样,用于强调文本,但

  • 本文向大家介绍Android APP使用自定义字体实现方法,包括了Android APP使用自定义字体实现方法的使用技巧和注意事项,需要的朋友参考一下 android系统内置字体 android 系统本身内置了一些字体,可以在程序中使用,并且支持在xml配置textView的时候进行修改字体的样式。支持字段为android:textStyle ,android:typeface, android:

  • 我目前正在为这家公司开发一个应用程序,作为我最后一年的研究项目,在这个应用程序中有一个功能,可以让你打印一张纸,所以我显然使用了jeditorpane,使用了Charles Bell HTMLEditorKit来完成预定义的功能,比如设置字体和打印等等。我必须从一个文本文件中加载预先编写好的文本,然后程序会自动在文件中添加一些文本,如果用户需要的话,也可以添加更多的文本,或者改变字体或样式。 问题

  • 我想在不同的文本视图中实现不同的字体。