printjs 打印设置字体样式

您可以使用以下代码设置打印页面的字体样式：

// 设置打印页面的样式
@page {
  size: auto;
  margin: 0;
  font-family: Arial;
}

// 设置打印页面中的元素样式
@media print {
  body {
    font-size: 12pt;
    line-height: 1.5;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: Times New Roman;
    font-weight: bold;
  }
  p {
    font-family: Arial;
  }
}

在上面的代码中，我们使用 `@page` 和 `@media print` 来分别设置打印页面和打印页面中的元素样式。在 `@page` 中，我们设置了打印页面的字体为 Arial。在 `@media print` 中，我们设置了正文的字体大小为 12pt，行高为 1.5，标题的字体为 Times New Roman，加粗，段落的字体为 Arial。

您可以根据自己的需要修改这些样式。

相关问题

printjs设置打印小票样式

要设置打印小票的样式，你可以使用以下步骤：

1. 首先，你需要在HTML文件中创建一个样式表，用于设置小票的样式。例如：

<style>
    .receipt {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 1.5;
        margin: 0;
        padding: 0;
    }
    .receipt-header {
        text-align: center;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .receipt-item {
        margin-bottom: 5px;
    }
</style>

2. 然后，在JavaScript文件中，使用PrintJS库的print方法打印小票，并在选项中指定要使用的样式表。例如：

printJS({
    printable: 'receipt',
    type: 'html',
    css: 'path/to/your/stylesheet.css'
});

其中，'receipt'是你要打印的HTML元素的ID或类名，'path/to/your/stylesheet.css'是你创建的样式表的路径。

3. 最后，在HTML文件中，创建一个包含小票内容的HTML元素，例如：

<div id="receipt" class="receipt">
    <div class="receipt-header">Receipt</div>
    <div class="receipt-item">Item 1: $10.00</div>
    <div class="receipt-item">Item 2: $20.00</div>
    <div class="receipt-item">Total: $30.00</div>
</div>

这样，当你调用printJS的print方法时，它将使用你指定的样式表来打印小票。

printjs设置打印json小票样式

如果你想使用PrintJS打印JSON格式的小票，并设置它的样式，你可以按照以下步骤进行：

1. 首先，将JSON数据转换为HTML格式的字符串。你可以使用JavaScript的模板字符串和一些CSS样式来创建HTML字符串。例如：

const data = {
  header: 'Receipt',
  items: [
    { name: 'Item 1', price: '$10.00' },
    { name: 'Item 2', price: '$20.00' }
  ],
  total: '$30.00'
};

const html = `
  <div class="receipt">
    <div class="receipt-header">${data.header}</div>
    ${data.items.map(item => `
      <div class="receipt-item">
        <span class="receipt-item-name">${item.name}</span>
        <span class="receipt-item-price">${item.price}</span>
      </div>
    `).join('')}
    <div class="receipt-total">Total: ${data.total}</div>
  </div>
`;

在上面的代码中，我们将JSON数据转换为一个包含HTML字符串的常量html。我们在字符串中使用了模板字符串来嵌入JSON数据，同时使用了一些CSS样式来设置小票的样式。

2. 使用PrintJS库来打印小票，并在选项中指定要使用的样式表。例如：

printJS({
  printable: html,
  type: 'html',
  css: 'path/to/your/stylesheet.css'
});

在上面的代码中，我们将HTML字符串传递给printable选项，并指定要使用的样式表的路径。

3. 最后，在HTML文件中，创建一个空的div元素，例如：

<div id="receipt"></div>

这样，当你调用printJS的print方法时，它将使用你指定的样式表来打印JSON小票。

注意，你需要在样式表中使用合适的选择器来设置JSON小票的样式，例如在上面的代码中，我们使用了类名receipt、receipt-header、receipt-item、receipt-item-name、receipt-item-price和receipt-total来设置小票的样式。