If you're experiencing any issues with missing resources on your webpage, try opening the javascript console to check for 404 errors. The visibility of font awesome or glyphicon libraries depends on how they are loaded and accessible from your file.
To access the console:
- Right-click
- Select "Inspect element"
- Navigate to the "console" tab
- Reload the page
If no errors appear in the console, it's possible that network errors are disabled. In that case:
- Right-click
- Select "Inspect element"
- Switch to the "network" tab
- Reload the page
If a 404 error is not the cause of the problem, ensure that the CSS libraries are correctly included. If troubleshooting these steps doesn't resolve the issue, please provide more details on what is happening.
UPDATE
Based on your input and reviewing your JSFiddle, I identified the issue. Your assets load properly, but an incorrect CSS rule is causing problems:
font-family: 'Lato', sans-serif !important;
This rule conflicts with Bootstrap's default font for its glyphicon class, impacting your code. Removing "!important" resolves the issue, as using this globally in CSS selectors is discouraged.
font-family: 'Lato', sans-serif;