WeasyPrint中使用Google字体的正确方法

前言

在使用WeasyPrint生成PDF文档时，字体选择是一个常见需求。特别是对于需要支持多语言（如泰语）的场景，正确加载和使用Google字体尤为重要。本文将详细介绍在WeasyPrint项目中如何正确使用Google字体，特别是Noto Sans Thai字体。

基本字体加载方法

WeasyPrint通过CSS的@font-face规则支持自定义字体加载。以下是基本的使用方法：

from weasyprint import HTML, CSS
from weasyprint.text.fonts import FontConfiguration

font_config = FontConfiguration()
css = CSS(
    "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900",
    font_config=font_config,
)

HTML(
    string='<h1 style="font-family: Noto Sans Thai">This is ภาษาไทย</h1>'
).write_pdf(output_filename, stylesheets=[css], font_config=font_config)

常见问题解析

1. 关于font-display警告

当使用Google字体时，可能会看到类似以下的警告信息：

Ignored `font-display: swap` at 6:3, descriptor not supported.

这是因为WeasyPrint不支持font-display属性，这个属性主要用于网页上的字体加载策略。在PDF生成场景下，这个警告可以安全忽略，不会影响最终输出。

2. 字体未生效的常见原因

• 未正确设置font-family：必须在CSS或HTML中明确指定要使用的字体名称
• 编码问题：特别是处理非拉丁字符时，确保HTML文档使用UTF-8编码
• 字体权重不匹配：Google字体可能提供多种权重，确保请求的权重范围包含实际使用的值

本地字体文件的使用

除了在线加载Google字体，也可以使用本地字体文件：

css = CSS(
    string=f"""
    @font-face {{
        font-family: "Noto Sans Thai";
        src: url('file:///path/to/NotoSansThai-VariableFont_wdth,wght.ttf');
    }}
""",
    font_config=font_config,
)

多语言支持的最佳实践

对于包含非拉丁字符的文档，建议：

1. 在HTML头部明确指定字符编码：

<meta charset="UTF-8">

2. 在CSS中为body元素设置默认字体：

body {
    font-family: 'Noto Sans Thai', sans-serif;
}

3. 对于表格等特定元素，单独设置字体以确保一致性

总结

在WeasyPrint中正确使用Google字体需要注意以下几点：

• 正确初始化FontConfiguration对象
• 确保字体URL正确且不包含不必要的参数（如display=swap）
• 在HTML/CSS中明确指定要使用的字体
• 处理多语言内容时注意编码设置

通过遵循这些实践，可以确保生成的PDF文档中字体显示正确，特别是对于像泰语这样的非拉丁文字。