How to use SASS outside of Code Pen (with browser using less.js)

How do I get SASS to work independent of code pen? I tried to follow there instructions from the Settings menu at Code Pen (“Add External Scripts” and “Add External Styles”). For context, I am working on the Random Quote Generator problem (FCC’s sample solution: Here is the code I was hoping would produce the twitter logo:

<!doctype HTML><html>
<link href="" />
<script src="" ></script>
<body><i class="fa fa-twitter"></i></body></html>

I tried looking for help, found this ( but what I tried there didn’t help either. I believe I could download the files font-awesome.min.css and less.min.js, and use it that way, but the point is that I wanted to do it through the browser, the same way code pen does it.

Any suggestions?

You don’t need less to use font awesome icons, just add rel="stylesheet" to the font awesome link:

<!DOCTYPE html>
    <i class="fa fa-twitter"></i>
1 Like

Thank you so much jenovs. I had tried rel="stylesheet/sass", rel="stylesheet/scss" and rel="stylesheet/css", following that stackoverflow question I read (none of which work).