Fontawesome - Adding SVG Fonts on Website

in #code4 years ago

You may have noticed that there are people who make use of the web based image fonts. And those fonts are easy to render on the page and can be used with the CDN. So this is one good thing worth learning if you wish to use the external services to render some symbols and the brand logos etc.

For example, check out how the camera font may look as a symbol.

camera.jpg

Adding the font is pretty easy too. There are two steps that allow you to add the font awesome content.

  1. Copy the HTML code. Add it in your body tag.
  2. Make sure the CDN address is added in the head.

That's all.

You can easily add various types of the font awesome icons into your website. And that website could be anything like wordpress or any other.

Someday I may cover the process of adding the font awesome step by step for say WordPress website. Who knows I may even add the video for the same.


I hope this repository is useful for you. And if not then do pass this article to someone who is into code and development.

Thank you for reading. I'd appreciate an upvote if you like the content.

Cheers,
Devpress

Sort:  

Congratulations @devpress! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) :

You distributed more than 10 upvotes. Your next target is to reach 50 upvotes.
You published more than 10 posts. Your next target is to reach 20 posts.

You can view your badges on your board And compare to others on the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Support the HiveBuzz project. Vote for our proposal!

For me, the main thing in creating designs is harmony in all details. I always pay special attention to this, with particular scrupulousness in choosing fonts. Recently, I found a source that turned out to be helpful on this question https://masterbundles.com/fonts/sans-serif/handwriting/ I can choose creative fonts, as well as designer fonts that are great to complement any design.

I would love to use some SVG fonts. The post didn't tell me which Content Delivery Network you are using.

Your post doesn't seem to have any HTML examples either. Hive allows markdown, but does not let us enter our own HTML.

Yeah I figured that it does not allow code. So have only one option left which is linking to github snippet. I'll if there is any embedding support. Noticed that there does not seem to be any active hive developer who is supporting embed options like embeding videos, snippets etc.

You can display code with markdown. You just can't put executable code in a post (for obvious reasons).

Markdown appears to be a standard for discussing code on GitHub. This is an if/then statement fenced with mark down:

/********
* A sample if then statement
********/

If (this) {
  do that;
]

You forgot to put the link to the CDN you referenced in the talk about SVG fonts.

There is a huge need for developers and programmers on HIVE.