THOUGHT
I ALWAYS WANTED TO DO COMPANY LOGOS WITH HTML AND CSS FOR FUN BUT EVERYTIME THERE WILL BE EITHER ONE OF THESE PROBLEMS
YOUTUBE-DON'T KNOW TO MAKE THE TRIANGLE
GOOGLE-HOW TO PUT THAT MANY COLOURS
MC DONALDS-CANNOT FIND THE FONT
FACEBOOK-CANNOT FIND THE FONT
INSTAGRAM-BACKGROUND IS NOT THERE
CODEPEN-WHAT IS THE LOGO. IT DOES NOT HAVE ANY MEANING!
SO, ON ONE FINE DAY I DECIDED TO MAKE THE DEV.TO LOGO. IT WAS VERY EASY TOO
I STARTED
I FIRST STARTED BY ADDING BASIC CODE OF HTML AND CSS AND THEN I DID A SQUARE AND INSIDE IT DEV AND NEXT A WHITE BORDER AND A BLACK BACKGROUND AND A WHITE FONT-COLOR AND AT LAST I CENTERED THE TEXT
AND HURRAY! IT IS NOW COMPLETE
Top comments (8)
Bro, why can't you just use font awesome icons instead designing them yourself 🧐
A REAL DEVELOPER NEVER USES ICONS
Or lowercase? :P
Using fonts as icons is hacky, and can lead to accessibility problems down the line.
Yeah, but it is a more productive approach
You will have to deal with a lot of fonts, colours, positioning and a whole lot of other issues while dealing with logo designing in html. Moreover HTML is not canva or photoshop to have everything that is needed.
A logo can be made with many things. Most appropriate is probably usually going to be SVG, which can be marked up with titles and other attributes, and provides the same scaling ability as fonts. They can also inherit their fill. They don't come with the baggage of being a font (usually a much larger file compared to an SVG sprite sheet) and they don't have any previous semantic meaning you have to negate.
Yes that's true, SVG is 👑