CoreyMS

Development, Design, DIY, and more

How to Build a Pergola

by 1 Comment

Finished Pergola

Building a pergola is a fun and easy project. They are great for adding a nice look to your backyard as well as providing shade for family get-togethers. You can also use them for hanging plants or growing vines up the sides of their posts. We will show you how to build an 8×10 pergola from scratch. The total cost of the lumber, concrete, nuts, and bolts for the pergola we are going to show you to build will be roughly $450. You may need some additional materials, but some of these you may already have around your house.

Read more…

Adding Custom Web Fonts to Your Web Site Using CSS Font-Face

by Leave a Comment

Adding custom web fonts to your website is one of those things that seems like it should be easier than it actually is. In this video tutorial, we’ll walk through how to add a custom font to your website using the FontSquirrel.com Web Font Generator. Let’s Get Started:

Additional Information

Let’s look further into the CSS @font-face rule generated by FontSquirrel:

@font-face {
    font-family: 'source_sans_proregular';
    src: url('sourcesanspro-regular-webfont.eot');
    src: url('sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-regular-webfont.woff') format('woff'),
         url('sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

The top line of the @font-face rule is “font-family”. This is the name we are assigning to our custom font. It can be anything we choose. If we wanted, we could rename the font to something easier to remember and use that throughout our CSS.

Read more…