This is an archived forum post. The information may be outdated. Contact us if you have any questions.

omega symbol not rendering in pdf

othoap wrote on 2013-05-09:

I cant get the google font to render ? in pdf. I've confirmed the the font family 'Roboto' has the ? symbol but it will not show in the pdf. I'm using the google javascript in the head of the html to load the fonts. Also in the print.css page

p{
font-family: 'Source Sans Pro', 'Roboto';
src: url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900') format('truetype');
font-size: 14px;
text-align:left;
line-height: normal;
letter-spacing:0.01em;
font-weight: normal;
position: relative;
left: auto;
word-spacing: 1px;
}

any ideas?

thanks

support wrote on 2013-05-09:

Hello,

Try to paste the following code to our online conversion form at https://pdfcrowd.com/#convert_by_input and convert it to PDF. The resulting PDF uses the Roboto font and renders the "?" character correctly.

<html>
  <head>
    <link href='http://fonts.googleapis.com/css?family=Roboto' 
          rel='stylesheet' 
          type='text/css'>
  </head>
  <body style="font-family: 'Roboto', sans-serif;">
    Hello?
  </body>
</html>

othoap wrote on 2013-05-09:

Thanks Support.

Got it to work. I now have the omega symbol rendering in my pdfcrowd document.

Including this in at the very top of the html <head> did NOT work:
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

This DID work in at the very top of the html <head>
<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Source+Sans+Pro:400,700:latin', 'Roboto:400,700:latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>

A long with the linked print.css page and the following descriptions.
p{
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Roboto', sans-serif;
font-size: 14px;
text-align:left;
line-height: normal;
letter-spacing:0.01em;
font-weight: normal;
position: relative;
left: auto;
word-spacing: 1px;
}

So inclosing importing two fonts. Source Sans Pro for the body copy and Roboto for the omega sybmol.