Lensa Theme Problem With Accent Characters

Hi there!

Today i want to share something with you about Lensa theme. This theme is using a font named bebas neue. As you know all, this font already updated several times including the patch for accent font/special characters.

The problem is: even if the theme got an update, it just about the PHP/CSS update, not including the font update. So, the old problem that bebas theme have (accent/special characters displayed with another font type) still exist on this theme.

To fix this problem you need to update the fonts by downloading the patch from this URL.

Once you download the file, extract it into your PC (the font originally downloaded from FontSquirrel and have a license on it) and upload only the OTF file via FTP to directory: wp-content > themes > lensa > fonts > bebas-neue.

To complete the update, you have to tell the system if a new font update was added. To do it, you have to modify a file named style.css. Find out this code:

/* ===================================================================
  #Custom Fonts
=================================================================== */
@font-face {
  font-family: 'BebasNeueRegular';
  src: url("fonts/bebas-neue/BebasNeue-webfont.eot");
  src: url("fonts/bebas-neue/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/bebas-neue/BebasNeue-webfont.woff") format("woff"), url("fonts/bebas-neue/BebasNeue-webfont.ttf") format("truetype"), url("fonts/bebas-neue/BebasNeue-webfont.svg#BebasNeueRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

Edit that code become:

/* ===================================================================
  #Custom Fonts
=================================================================== */
@font-face {
  font-family: 'BebasNeueRegular';
  src: url("fonts/bebas-neue/BebasNeue-webfont.eot");
  src: url("fonts/bebas-neue/BebasNeue.otf");
  src: url("fonts/bebas-neue/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/bebas-neue/BebasNeue-webfont.woff") format("woff"), url("fonts/bebas-neue/BebasNeue-webfont.ttf") format("truetype"), url("fonts/bebas-neue/BebasNeue-webfont.svg#BebasNeueRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

And done! Your special/accent character will be displayed on Bebas Neue style

Advertisements

11 thoughts on “Lensa Theme Problem With Accent Characters

    • HI Benoit,

      you open a file named ‘style.css’ and find out this code:

      .entry-title {
      font-size: 30px;
      line-height: 1;
      color: #d66000;
      font-weight: normal;
      font-family: “BebasNeueRegular”,sans-serif;
      -webkit-transform: translateZ(0);

      edit it become:

      .entry-title {
      font-size: 30px;
      line-height: 1;
      color: #d66000;
      font-weight: normal;

  1. Hi there!

    I am using your theme, IT IS AWESOME ……. thank you

    The only problem is with the accents ….. they do work, but the letters change their size in a ugly manner when using them. (I am using the two hacks showed here, but with no luck.

    Thanks in advance.

  2. Is there a way to change the BebasNeau font site wide to a google font? I would love something more lightweight to use for the tagline, the top navbar, and the footer. Thank you in advance!

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s