How to Fix LBRACE Error in CSS Editor

  • Resolved Amber Pittman

    (@wanderlustconqueror)


    6 years, 9 months ago

    I’m trying to upload some custom fonts. I used Font Squirrel’s @Font-Face Kits to generate code to add to the CSS editor. I keep getting LBRACE Error Line 61 Column 1. I thought it might have been the very first font giving me trouble (as it started on line 61) so I deleted it. When I did, the next font’s code got the same error. I’m new to all things coding, so I have no idea what is meant by column 1. :/ See below of the coding that I’m supposed to add to the CSS editor. Any help at all would be greatly appreciated.

    @font-face {
    font-family: ‘aventure_scriptineregular’;
    src: url(‘aventurescriptine-regular-webfont.woff2’) format(‘woff2’),
    url(‘aventurescriptine-regular-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘alterlightregular’;
    src: url(‘alterlight-regular-webfont.woff2’) format(‘woff2’),
    url(‘alterlight-regular-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘alterlight_swashregular’;
    src: url(‘alterlightswash-regular-webfont.woff2’) format(‘woff2’),
    url(‘alterlightswash-regular-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘hellvina_hand_scriptregular’;
    src: url(‘hellvinahandscript-regular-webfont.woff2’) format(‘woff2’),
    url(‘hellvinahandscript-regular-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘honey_beeregular’;
    src: url(‘honeybee-regular-webfont.woff2’) format(‘woff2’),
    url(‘honeybee-regular-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘hot_dealsregular’;
    src: url(‘hotdeals-webfont.woff2’) format(‘woff2’),
    url(‘hotdeals-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘munstarregular’;
    src: url(‘munstar-regular-webfont.woff2’) format(‘woff2’),
    url(‘munstar-regular-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘mammothregular’;
    src: url(‘mammoth-regular-webfont.woff2’) format(‘woff2’),
    url(‘mammoth-regular-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    The page I need help with: [log in to see the link]

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

  • Hi @wanderlustconqueror,
    The CSS seems to be correct, so I think there is something else before this that causes the error. Check that the code before the CSS you are entering is corectly closed/ended (eg missing } or ;).
    Also try the following:

    1. Place your cursor at the very first character of the CSS you are pasting.
    2. Press Backspace on your keyboard once to delete any possible invisible character

    Try to enter each @font-face code individually, to make sure each one is OK.

    Thread Starter Amber Pittman

    (@wanderlustconqueror)

    @alichani,

    Thank you so much! It was an empty space I didn’t see on the first line. Again, thanks for your insight! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to Fix LBRACE Error in CSS Editor’ is closed to new replies.