A Few Simple Tips and Tricks

Use a custom font via @font-face

You can (and in most cases should) use non-system fonts to make your web designs unique. This is particularly true on the web as there are conventions that are good to stick with. Nice, unique typography is a great tool for distinguishing your site from others.

View the relevant code in the CSS which at its core allows you to provide a font file to use at your own discretion, without the requirement of your users having the font installed on their system.

You place your font file(s) in your working folder.You can generate web compatible fonts at fontsquirrel.com. You then do two things. 1) Tell your CSS file that when you say "FontName," you mean FontName.otf (or .woff2, etc). (2) Reference the newly declared font for any element you wish to use that font.

(1) Define It

@font-face {
font-family: "FontName";
src: url("FontName.woff2") format("woff2"),
	 url("FontName.woff") format("woff");
}

(2) Use It

h2 {
font-family: "FontName", sans-serif;
}

Use a custom Adobe or Google Font

Just follow their instructions. Stop being lazy!

Change the widths of elements on the fly

Click on a link (or anything really) and get a hidden blackout and popup to show up

Click the following button to see the popup, which can contain anything.

This

Allow the user to edit the content on the front end.

Allow the user to drag elements on the front end.