Secure Page Font Change

I just went live with a new website and noticed that the font I programmed into the code, Roboto, changes when visitor goes to secure page https in cart. How can I keep the new font?

Click here for website

 

Hello,

I have checked your website and the cart page content are also in the Roboto font.

Please check image given below for reference.

 

Please go one more page to the checkout and you will see the font change.

 

Hello,

Could you please specify us the issue with the help of screenshot images that on which page the font changes.

 

http://awesomescreenshot.com/00a29mvg42

 

Like I said before, click on the proceed to checkout button so you go to the https:

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.woocommerce h3, .woocommerce p, .woocommerce span, .woocommerce th, .woocommerce td, .woocommerce label, .woocommerce select,  .woocommerce input{
font-family: symbol;
}
.woocommerce input {
font-family: symbol ! important;
}
.fullwidth .fullwidth_inner h1.page-title {
font-family: symbol;
}
.fullwidth_inner .woocommerce form .form-row textarea {
font-family: symbol;
}
.fullwidth_inner .woocommerce form .form-row .input-text{
font-family: symbol;
}
 

In place "symbol" you can put your font.
This will solve your issue.

 

I did as you said and I'm still not getting Roboto. I tested in both Firefox and Chrome cleaning cache and cookies. Here's what I pasted in styling options, and you can verify by looking at source code on homepage:

.woocommerce h3, .woocommerce p, .woocommerce span, .woocommerce th, .woocommerce td, .woocommerce label, .woocommerce select, .woocommerce input{
font-family: roboto;
}
.woocommerce input {
font-family: roboto! important;
}
.fullwidth .fullwidth_inner h1.page-title {
font-family: roboto;
}
.fullwidth_inner .woocommerce form .form-row textarea {
font-family: roboto;
}
.fullwidth_inner .woocommerce form .form-row .input-text{
font-family: roboto;
}

Also, why when I'm on the https page, are all the other links now https too? If someone wants to go back to homepage, shouldn't it convert back to http:?

 

UPDATE: I found the answer...

In the Appearance > Editor > Stylesheet > I removed the http: from the url and instead have it starting with //

original: @import url(http://fonts.googleapis.com/css?family=Roboto);

revised: @import url(//fonts.googleapis.com/css?family=Roboto);

Now it works with both the http: and the https:

 

http://code.google.com/p/googlefontdirectory/issues/detail?id=107