The following code will embed the font ChareInk. The source URL will have to be changed for where your fonts are relative to he CSS. This embeds all 4 font styles in the font family.
Code:
@font-face {
font-family:"ChareInk";
font-style: normal;
font-weight: normal;
src: url(../fonts/ChareInk-Regular.ttf);
}
@font-face {
font-family:"ChareInk";
font-style: normal;
font-weight: bold;
src: url(../fonts/ChareInk-Bold.ttf);
}
@font-face {
font-family:"ChareInk";
font-style: italic;
font-weight: normal;
src: url(../fonts/ChareInk-Italic.ttf);
}
@font-face {
font-family:"CharInk";
font-style: italic;
font-weight: bold;
src: url(../fonts/ChareInk-BoldItalic.ttf);
}