CoreyMS

Development, Design, DIY, and more

  • Contact
  • Portfolio
  • Development
    • Python
    • Git
    • Terminal
    • JavaScript
    • WordPress
  • Design
    • CSS
  • DIY
    • Woodworking
    • Home Improvement
  • Contributors
  • Support
  • Giveaway

How to Build a Pergola

September 12, 2013 by Corey Schafer 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…

Filed Under: DIY, Home Improvement Tagged With: Outdoor Projects

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

July 1, 2013 by Corey Schafer 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…

Filed Under: CSS, Design Tagged With: font, typography

  • « Previous Page
  • 1
  • …
  • 15
  • 16
  • 17

Main Contributor

  • Andre Nevares

Top Contributors (17)

  • Andre Nevares
  • Cyril Hediger
  • Abhilash Rajan
  • Hien Nguyen
  • Alan Hawse – iotexpert.com
  • Just a Guy
  • Alex Canady
  • Sergey Trubin
  • Justin Presley
  • Sirake
  • chris
  • Jerome Massey
  • Robert Butler
  • Jonathan Llovet
  • David Myers
  • Karthik
  • Michael Zoitas

Thank You! If you would like to have your name listed as a contributor and support the website, you can do so through my Patreon Page. I am extremely grateful for any support.

Search CoreyMS.com

Subscribe to Future Posts

Recommended Books

Podcasts I Listen To

Tech Related:
Talk Python To Me
Shoptalk Show
Software Engineering Radio
HanselMinutes
CodePen Radio

Non-Tech Related:
Dan Carlin's Hardcore History
Bill Burr's Monday Morning Podcast
Waking Up with Sam Harris
StarTalk Radio
Talk Nerdy with Cara Santa Maria

© 2023 · CoreyMS · Corey Schafer