Google-Fonts
Mit dem Portal "Google Fonts" ist es wohl am einfachsten, einen Webfont in einer Website einzubetten.
Achtung: Aus technischen Gründen kannst du diese Technik nicht in einem Codepen anwenden!
Eigentlich brauchst du dort nur einen Font auszuwählen und dann zwei Code-Schnipsel zu kopieren und in deinem Projekt hinzuzufügen. Das eine Schnipsel gehört in den <head> jedes HTML-Dokuments in deinem Projekt und das andere in das CSS (font-family mit dem Namen des ausgewählten Fonts). All das wird dir im Erklärvideo unten aufgezeigt.