首页 > 解决方案 > POS 默认字体打印

问题描述

您好,我有一个点阵打印 EPSON TM-220PD,如何在网络打印中使用其默认字体。我正在使用 woocommerce POS,收据中打印的字体样式是我在其模板中声明的字体样式。

     <style>
    /* Reset */
    * {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important;
      width:90%;
      align:center;
    }
    body, table {
    font-family: 'monospace', monospace;
    text-transform: uppercase;
      line-height: 1.2;
      font-size: 10px;
      width:100%;
    }
    h1,h2,h3,h4,h5,h6 {
        text-align:center;
      margin: 0;
    }
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    .footer-notes {
        font-size:9px;
        text-align:center;
        White-space:nowrap;
        width:100%;
    }
    .orderdiv{
        width:120%;
    }
   .order-header {
        white-space:nowrap;
    }
    .contact-info {
        text-align:center;
        font-size:11px;
    }
    /* Spacing */
    .order-branding, .order-addresses, .order-info, .order-items, .order-notes, .order-thanks {
      margin-bottom: 10px;
    }

    /* Branding */
    .order-branding h1 {
      font-size: 2em;
      font-weight: bold;
    }

    /* Addresses */
    .order-addresses {
      display: table;
      width: 100%;
    }
    .billing-address, .shipping-address {
      display: table-cell;
      width: 100%;
    }

    /* Order */
    table {
      width: 100%;
    }

    table th, table td {
        align:center
    }
    table.order-info {
        white-space:nowrap;
        font-size:9px;
      border-top: 1px dashed #000;
    }
    table.order-info th {
      text-align: left;
      width: 100%;
    }

    table.order-items {
      border-bottom: 1px dashed #000;
    }
    table.order-items thead tr {
      border-bottom: 1px dashed #000;
      width:100%;
    }

    .order-info {
        margin-top: 10px;
    }
    .product {
      text-align: left;
    }
    .product dl {
      margin: 0;
    }
    .product dt {
      font-weight: 100;
      padding-right: 6px;
      float: left;
      clear: left;
    }
    .product dd {
      float: left;
      margin: 0;
    }
    .price {
      text-align: right;
    }
    .qty {
      text-align: center;
    }
    .order-notes {
        text-align: left;
        font-size: 13px;
        word-wrap: break-word;
        width:100%;
    }
    table td.product {
         display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width:90%;
    }
    table td.variable {
     white-space: nowrap;
    max-width:90%;
    }
    table td.price {
          white-space: nowrap;
    overflow: hidden;
    }

    tfoot {
      text-align: right;
    }
    tfoot th {
      width: 70%;
    }
    tfoot tr.subtotal {
        Display:none;
    }
    tfoot tr.cart-discount {
        display:none;
    }
    tfoot tr.order-total {
      font-weight: bold;
    }

  </style>

我想使用我的 POS 的默认字体,即 css 中不支持的 fonta11。感谢您的回答

标签: phpwoocommerceprintingpos

解决方案


推荐阅读