I use Google Fonts for my projects. It’s fast and easy and you don’t need to download anything. All you need to do is press the Quick-Use button of the font you want to use, copy and paste the link tag code to the head section of your html file, and copy and paste the css code to your css file.
And just a comment about your portfolio page. I see you’re using images for your linkedin and github icons. I suggest using Font Awesome icons instead. It’s easy to use them. Go to https://www.bootstrapcdn.com/fontawesome/, copy and paste the html code to the head section of your html file. Then check out the icons. Click on the icon you want; for example, let’s choose the linkedin icon. Then copy and paste the given code wherever you want the icon to appear in your html section. Resize them using the font-size property.