Use font-family name: smithnephewregular
<h1 style="font-family:'smithnephewregular';">h1 - The quick brown fox jumps over the lazy dog</h1>
<h2 style="font-family:'smithnephewregular';">h2 - The quick brown fox jumps over the lazy dog</h2>
<h3 style="font-family:'smithnephewregular';">h3 - The quick brown fox jumps over the lazy dog</h3>
<h4 style="font-family:'smithnephewregular';">h4 - The quick brown fox jumps over the lazy dog</h4>
<h5 style="font-family:'smithnephewregular';">h5 - The quick brown fox jumps over the lazy dog</h5>
<h6 style="font-family:'smithnephewregular';">h6 - The quick brown fox jumps over the lazy dog</h6>
Use font-family name: {{ fontfamily }}
<h1 style="font-family:'{{ fontfamily }}';">h1 - The quick brown fox jumps over the lazy dog</h1>
<h2 style="font-family:'{{ fontfamily }}';">h2 - The quick brown fox jumps over the lazy dog</h2>
<h3 style="font-family:'{{ fontfamily }}';">h3 - The quick brown fox jumps over the lazy dog</h3>
<h4 style="font-family:'{{ fontfamily }}';">h4 - The quick brown fox jumps over the lazy dog</h4>
<h5 style="font-family:'{{ fontfamily }}';">h5 - The quick brown fox jumps over the lazy dog</h5>
<h6 style="font-family:'{{ fontfamily }}';">h6 - The quick brown fox jumps over the lazy dog</h6>
{
    "fontfamily": "smithnephewregular"
}
@font-face {
    font-family: 'smithnephewlfbold';
    src: url('fonts/snbdlf__.eot');
    src: url('fonts/snbdlf__.eot?#iefix') format('embedded-opentype'),
         url('fonts/snbdlf__.woff') format('woff'),
         url('fonts/snbdlf__.ttf') format('truetype'),
         url('fonts/snbdlf__.svg#smithnephewlfbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'smithnephewbold_italic';
    src: url('fonts/snbdit__-webfont.eot');
    src: url('fonts/snbdit__-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/snbdit__-webfont.woff') format('woff'),
         url('fonts/snbdit__-webfont.ttf') format('truetype'),
         url('fonts/snbdit__-webfont.svg#smithnephewbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'smithnephewregular';
    src: url('fonts/snrglf__.eot');
    src: url('fonts/snrglf__.eot?#iefix') format('embedded-opentype'),
         url('fonts/snrglf__.woff') format('woff'),
         url('fonts/snrglf__.ttf') format('truetype'),
         url('fonts/snrglf__.svg#smithnephewregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'smithnephewitalic';
    src: url('fonts/snrgit__-webfont.eot');
    src: url('fonts/snrgit__-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/snrgit__-webfont.woff') format('woff'),
         url('fonts/snrgit__-webfont.ttf') format('truetype'),
         url('fonts/snrgit__-webfont.svg#smithnephewitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
    font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family:'smithnephewlfbold', Arial, Helvetica, sans-serif;
    line-height: 1;
}
h1 {
    @include rem2px(font-size, 2.2);
}
h2 {
    @include rem2px(font-size, 2);
}
h3 {
    @include rem2px(font-size, 1.8);
}
h4 {
    @include rem2px(font-size, 1.6);
}
h5 {
    @include rem2px(font-size, 1.4);
}
h6 {
    @include rem2px(font-size, 1.2);
}
p {
    @include rem2px(font-size, 1.4);
    line-height: 1.4;
}
.intro-text {
    @include rem2px(font-size, 1.6);
    line-height: 1.6;
}
.heading{}
.heading--primary {
    color: $brand--prime;
}

Heading's on S&N use Smith and Nephew's own font, whereas the paragraphs use Arial. Smith and Nephew's font comes in four variants:

  • Regular
  • Regular Italic
  • Bold
  • Bold Italic