Why so many link elements?


#1

I can't understand why is required 2 CSS stylesheet and 1 Bootstrap for a simple page. I understand in depth that Bootstrap will be something default ok for styling a website but, why you need in a simple page to combine CSS with Bootstrap can't understand.

  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    
    <link href="">
    <link rel="stylesheet" href="main.css">
    
  </head>

#2

There are 3 CSS files that you are linking to in this exercise.

shift.css -- this contains font information for the Shift font
bootstrap.css -- this contains the CSS rules for the Bootstrap framework
main.css -- this contains your own CSS code

When you are writing your own web pages, if you want to, you can combine those all together in one file. Keeping them separate seems tidier to me but you do not have to agree.

These exercises are teaching us how to use some of the Bootstrap features. For new coders, doing that with a simple HTML file seems better than doing it with a complicated file.


#3

This is a kind of source for font-family?

@font-face {
  font-family: 'Shift';
  font-style: normal;
  font-weight: normal;
  src: url("http://s3.amazonaws.com/codecademy-content/courses/ltp/fonts/shift.woff") format("woff");
}
@font-face {
  font-family: 'Shift';
  font-style: normal;
  font-weight: bold;
  src: url("http://s3.amazonaws.com/codecademy-content/courses/ltp/fonts/shift-bold.woff") format("woff");
}

I mean is it something like using a google font and need to link it just for knowing for where page finding the new font?


#4

Yes, just like that. For example, see where this leads you:
http://fonts.googleapis.com/css?family=Indie+Flower


#5

Ok thx for answer and Happy Holidays!