In my code, I link to the "style.css" first then the two Google Fonts. And in the rendering browser, the Google Fonts were used!
I'm a little bit surprised and want to confirm that is it true that the order of reference doesn't really matter in CSS? I expected this would only work if I link to the Google Fonts first and used it later in the style.css file.
<head> <title>The Rise of Soccer in The US</title> <link href="style.css" type="text/css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Roboto:100" type='text/css' rel='stylesheet' /> <link href="https://fonts.googleapis.com/css?family=Playfair+Display" type='text/css' rel='stylesheet' /> </head>