[meir dParticipant]

Hi,

I want to use a google font that is not integrated to the Xtheme. it is a hebrew font called “open sans hebrew”.

i have read all threads about it in the forum but still can’t figure out how to do it.

this is the link provided bu google fonts:

@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);

and this is the CSS:

font-family: ‘Open Sans Hebrew’, sans-serif;

I have tried with no succes to paste the link threw the wordpress panel (apearences-edit):

– the style sheet of the child theme / the x theme and the function sheet of the child theme.
– on the customiser

my sites URL is: danon.org.il

can you please assist?

Thanks ahead, Meir

[RupokMember]

Hi there,

It seems the font was not added properly. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[meir dParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thank you for the credentials, no you don’t need to upload those since you’re requesting it from the Google. But I’m not seeing your site requesting those font though.

Please update your import statement to this:

@import url('http://fonts.googleapis.com/earlyaccess/opensanshebrew.css');

Then clear your caching plugins and browser’s cache.

And would you mind clarifying to us where did you get those fonts? It seems Google does not offer a open sans hebrew font yet?

http://image.prntscr.com/image/bb7af66609fa42f49f1cdea7f2080aa2.png

Cheers!

[meir dParticipant]

thnaks,

I got it from google font early release: https://fonts.google.com/earlyaccess?utm_source=hootsuite

i am not sure where to update the import statment, thanks, Meir

[meir dParticipant]

hi, i have updates the statment in the apperence – edit – in the style and functions both in the X and the Child theme – Now i cant acces the wordpress punel anymore. HTTP error 500.

i am not sure why… do you have any ideas?

thanks a head, Meir

[Paul RModerator]

Hi Meir,

I would like to check but the ftp login provided is not working.

Kindly double check and let us know.

Thanks

[meir dParticipant]

This reply has been marked as private.

[FriechModerator]

Hi Meir,

Thank you for the credentials, but can you confirm that is the correct credentials for http://www.danon.org.il/
Because when I check the child theme’s style.css file content, its different from the direct access.

http://www.danon.org.il/wp-content/themes/x-child/style.css

When click that link you will see the @import statement, but on the File Manager (style.css file) I am not seeing that line.

Or maybe your site is under a heavy caching, that might also be the reason why we cant access the admin dashboard now. If you have any internal caching, please clear and disable it in the meantime (ask your hosting support to assist you on this)

Back to the original issue, it seems Google named that font as “Alef” https://fonts.google.com/specimen/Alef

Add the @import statement on your child theme’s style.css file, Not on the functions.php.

@import url('https://fonts.googleapis.com/css?family=Alef');

Then apply this line:

font-family: 'Alef', sans-serif;

On the STYLE field of the text element that you want to be in Alef Hebrew.

Let us know how it goes.

Cheers!

[meir dParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for getting back to us. I have checked with Google Fonts and I could not find the “Open Sans Hebrew” font.
http://prntscr.com/d0d1l5
https://fonts.google.com/?query=open+sans&selection.family=Open+Sans

It could be that Google Fonts is no longer serving this font or may have change the name of the font.

Hope this helps.

[meir dParticipant]

Thanks,

I just had a look in google fonts site, they have an “early release” section.

The open sans hebrew is listed there with the import commande: https://fonts.google.com/earlyaccess

I managed to show it on the site two days ago but can’t get it to show again (dont remember what i did exactlly :-(),

thanks again for your help ;-), Meir

[Rue NelModerator]

Hello There,

Thank you for the clarifications! I have seen the early access to the Google Fonts. Please take note that this is the order of the styles.
– Stack Style
– Child theme’s style
– Customizer’s Custom CSS
– Cornerstone’s Custom CSS

Your Google fonts did not work because it may have been overridden by other styles.

Hope this explains it.

[meir dParticipant]

hi,

thnaks for this input, i manged finally to show the font with updating this in the customiser:

@font-face {

@import url(‘http://fonts.googleapis.com/earlyaccess/opensanshebrew.css’);}

#site-logo, cite, input[type=”submit”], .x-colophon.bottom, .entry-content, a, .x-blockquote, h1, h2, h3, h4, h5, h6, p, .p-landmark-sub, .text-below, .post-title, .widgettitle {

font-family: “lato”, “open sans hebrew” !important;

however i still have a problem seeing the font on my iphone – do you have any thoughts?
non of the google fonts are showing on this device, but they do on my android mobile – can this be a safari issue?

thnaks for you help, Meir

[Rue NelModerator]

Hello Meir,

I found several invalid curly braces and semicolons in your custom css. Please use this code instead:

@import url('http://fonts.googleapis.com/earlyaccess/opensanshebrew.css');

#site-logo,
cite,
input[type="submit"],
.x-colophon.bottom,
.entry-content,
a,
.x-blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
p,
.p-landmark-sub,
.text-below,
.post-title,
.widgettitle {
    font-family: "open sans hebrew" !important;
}

table {
    margin-bottom: 0;
}

.x-navbar .sub-menu a {
    font-size: 20px;
}

.x-topbar .p-info,
.x-topbar .p-info a,
.x-topbar .x-social-global a {
    font-size: 20px !important;
}

.x-recent-posts-date {
    display: none !important;
}

.single .entry-featured {
    display: none;
}

.single .entry-title {
    display: none;
}

body .x-colophon.top {
    padding: 0px 0;
}

.x-colophon .x-nav li a {
    font-size: 15px;
}

.x-colophon.bottom .x-colophon-content {
    font-size: 14px;
}

.x-colophon.bottom {
    background-color: #ffffff;
}

.single-post .entry-wrap {
    padding: 0;
}

.site .x-container.offset {
    margin: 0;
}

.entry-content.content {
    margin: 0;
}

.blog .x-container.max {
    max-width: 1200px !important;
}

.blog .x-container.offset {
    margin: 40px auto !important;
}

@media (min-width: 980px) {
    .x-logobar {
        display: none !important;
        visibility: hidden !important;
    }
    .x-navbar .x-nav > li.logo-menu-item > a {
        text-indent: -99999px;
        text-align: left;
        width: 360px;
        height: 102px;
        background: url(http://www.danon.org.il/wp-content/uploads/2016/10/danon-logo-nb.jpg) no-repeat center center;
        background-size: contain;
    }
}

I have indented it so that you can easily see each of the css blocks.

Hope this helps.

[Author]

Posts