Changing Font Family in Menus Question

  • Hey guys and gals,

    I was hoping someone could answer a question for me. On my blog I am trying to change the font family on the menus. I found the spot in the css to change it, but when I do it just defaults to my browsers default font. I tried changing it to helvetica and it clearly isn’t.
    `/**** NAVIGATION STYLING ****/
    @font-face {
    font-family: ‘BebasNeueRegular’;
    src: url(‘BebasNeue-webfont.eot’);
    src: url(‘BebasNeue-webfont.eot?#iefix’) format(‘eot’),
    url(‘BebasNeue-webfont.woff’) format(‘woff’),
    url(‘BebasNeue-webfont.ttf’) format(‘truetype’),
    url(‘BebasNeue-webfont.svg#webfontfvFLBU0N’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }

    I only changed the font-family line. What are those url lines?

Viewing 3 replies - 1 through 3 (of 3 total)

  • What created that CSS?

    The font you chose is not a common font. It isn’t going to be installed on most computers. And a browser can only use installed fonts, unless you load (or try to load) fonts remotely, which is what those other lines do. It looks like you are loading fonts from your server directly, which should work but might add some significant lag, especially since you are loading several font files.

    If that is in your theme’s stylesheet, those font files would need to be in the same directory as that stylesheet. Are they?

    If you are going to be loading remote fonts, I would really suggest loading them from a CDN-like source such as the Google font library to increase your chances that the files are already cached.

    Thread Starter chowardsmith

    (@chowardsmith)

    Hey,

    Thanks for that response, I was worried nobody was going to answer. It is a bought template. However, I would like to choose a common font that most people would have already installed like Helvetica. It is the themes style sheet and I believe that they are. How would I change it to a more common font? Here is a link to the blog.

    Thread Starter chowardsmith

    (@chowardsmith)

    I think I found the solutions, granted I don’t need any special character, but I think it should still work.

    Hey there,

    I just purchased PictureThis theme and I’m quite happy about it BUT I ran
    over some problems with embedded font – BebasNeue used in h1/h2/h3/etc. By default it does not support for example polish chars such as ?, ?, ?, ?, ?, etc. I already solved them and decided to share a short walk-through. There may be a topic about this issue, I don’t know, but what I do know, there is not even a word about it in documentation.

    Believe me, font-related problems are the worst pain in the butt for webdevelopers in this weird-alphabeted country. So my tip: assuring a potential customer that he the theme will be able to display all characters may be what sells it.

    Back to the topic. To make it work with these crazy chars:
    1 – Generate new font files here – https://www.fontsquirrel.com/fonts/bebas-neue Select “Polish” (or any other language if needed) and click on “Download a @font-face kit” button. Then replace four font files (.ttf, .eot, .svg, .woff.) from main theme’s folder with the ones you just downloaded.
    2 – Head over to https://cufon.shoqolate.com/generate/, select a font’s .tff file on your hard drive, make sure to check Basic Latin, Latin-1 Supplement, Latin Extended-A and Latin Extended-B options and generate new .js file. Copy it to /js folder of PictureThis
    3- DISCO! – you’ve got yourself a polish-friendly font on your website.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing Font Family in Menus Question’ is closed to new replies.