My goal is to implement an embedded bar-code font via CSS in an XML file. The XML file provides order numbers that I want to visually represent as a barcode.
Once this document is sent via email, it automatically generates a sales invoice.
This snippet generates the order numbers:
<font face="barcode">
<xsl:value-of select="$OrderInfo/OrderNumber" />
</font>
I have attempted to link my CSS using these methods:
<?xml-stylesheet type="text/css" href="App_Themes/Skin_3/style.css" ?>
<link href="App_Themes/Skin_3/style.css" type="text/css" rel="stylesheet"/>
Here is the CSS code for the embedded font:
@font-face {
font-family: barcode;
src: url(Fonts/IDAutomationHC39M_FREE.otf) format("truetype");
}
barcode
{
font-family: barcode;
font-size: 26px;
font-weight: normal;
}