"Fira Code Navbar Styling with Border"

Solution:

Based on the code snippet you provided, the Google font is correctly imported as you mentioned. It could be possible that the font name is incorrect or the font file that needs to be served is missing.

Here are some possible solutions you can try:

1. Use a different font family name: Double-check the exact font family name from Google Fonts and ensure that it matches with the one used in your CSS.

2. Verify the file loading from the server: There might be a possibility that the font file is missing in the server. Ensure that the font files are uploaded to the server and accessible.

3. Clear cache and reload the page: Sometimes, browers cache font files to improve loading performance. You can try clearing your browser cache and reloading the page to check if it solves the issue.

4. Use font-display property: You can add a `font-display` property to the CSS declaration to prevent issues related to slow-loading fonts or font flickering while loading. Here is an example code:

@font-face {
  font-family: 'Fira Code';
  src: url('fira-code.woff2') format('woff2'),
       url('fira-code.woff') format('woff');  
  font-display: swap;
}

You can replace the font source URL with the correct link to your font files. The `font-display: swap` property will ensure that a fallback font will be shown while the Fira Code font is loading.

Hope this helps!