In this tutorial, you will learn how to create icons using just CSS and fonts. They provide easy visual information, providing links to email forms, telephone numbers, maps and more. Font Awesome 4 is so 2017. All our blog posts are published under the Creative Commons Attribution-NonCommercial license: See all our the training classes in our video library, See all the training books available in our "Explained" series, We can help you engage with the web design community, Listen to episodes of the OSTraining podcast, About Us / Our Team / Our Blog / FAQs / Terms and Conditions / Refund Policy, / /OSTraining / @OSTraining / OSTraining. PS. Font Awesome nicht funktioniert, Symbole als Quadrate angezeigt (18) . with Font Awesome 4 the code was as follows: #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after { float: right; content: "\f107"; font-family: "FontAwesome"; } I tried to change the font name but it does not work ポイント1: font-familyの指定 最初にfont-familyの指定をチェックしてください。Free版を利用している場合は”Font Awesome 5 Free”と記述し、Pro版の場合は”Font Awesome 5 Pro”と記述します。FreeとProの記述を忘れがちなので十分に注意 It tells the browser what to display and how to display it. You will then see a variety of uses and an easy-to-use line of code to add to your webpage.