I am trying to add this thing inside the page, but it’s not working. Is there any way to specify these styles inline?
@font-face {
font-family: 'Cuprum';
font-style: normal;
font-weight: 400;
src: local('Cuprum'), local('Cuprum-Regular'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v4/sp1_LTSOMWWV0K5VTuZzvQ.woff) format('woff');
}
@font-face {
font-family: 'Cuprum';
font-style: normal;
font-weight: 700;
src: local('Cuprum Bold'), local('Cuprum-Bold'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v4/SfDyn5tWOk7I1we45jpLKz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
Put them in a
styleelement placed inside theheadelement, e.g.If you cannot set elements into the
headpart (as you might be, when compositing email in HTML format, depending on the composing program), then you could try putting thestyleelement inside thebody. That would be invalid, but it still works in browsers.Whether email clients will recognize it and use a downloadable font is a different issue – and depends on the client.