People go to Facebook mainly for entertainment and for casual connections with friends and family all over the world, and the company is able to convey part of that message about what the atmosphere on the website is like through the lower-cased font of their logo.īeyond the color scheme and the font choice, there are few other design elements to the Facebook logo, and the company has only changed minor details such as sizes and shadings in the years since the logo was first designed. In this article, we’ll detail Facebook’s illustrious history as well as look at the company’s famous logo and the role that it has played in making Facebook the undisputed king of social media.Īs is often the case when using lowercase font, the lowercase font of the Facebook logo is likely meant to represent that Facebook is a casual and laid-back company. The design elements of the Facebook Logo.įrom a local website started in a college student’s dorm room to a social media giant with 2.19 billion active users and significant influence on the global stage, the history of Facebook is one of the most interesting stories that any company is able to boast. However, there’s also some significance to the color scheme itself as blue and white have long been used in combination to represent purity and optimism.

As already mentioned, the blue and white color scheme was a purposeful choice based on Mark Zuckerberg’s vision condition.

The Facebook logo features a relatively simple and straightforward design, with the white lowercase font on a blue background. The Facebook logo and brand is one of the most recognized brands in the world. Then we add some CSS to syle it.Take a look at the Facebook Logo and the history behind the company. So now CSS needs to be applied, add a class social-menu to the main menu ul element so styles can be applied. The code is the icon with 2 CSS classes wrapped in a tag.įor a full menu that includes Facebook, LinkedIn, Twitter,Instagram and YouTube, structure the mark up in a list surrounding the fontawesome code with a link tag which will link the icon to the social media page: īy default we get something like this which inherits any styles we have in our website. With the CSS file in place, choose the icons you need, the social media ones are found in the free brands section, just click the one you need to get the HTML code.

If using WordPress you can register and enqueue the CSS style. You can link to the Fontawesome CSS file via a CDN or just copy the download it to your site. Fontawesomeis widely used and supported in all modern browsers and older browsers. How to make social media menus from icon fonts using the awesome FontAwesome.

Cool facebook icon