Font Family Open Sans không được sử dụng

Question

Tôi đang sử dụng Google's Open Sans Font trong đơn đăng ký của mình.

tôi đã xác định stylesheet theo hướng dẫn:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' 
rel='stylesheet' type='text/css'> 

sau đó tôi sử dụng nó trên bộ chọn cơ thể như:

body { 
    font-family: 'Open Sans', sans-serif; 
} 

Tôi chưa xác định họ phông chữ bất cứ nơi nào khác. Tôi giả sử rằng vì tôi đã định nghĩa nó ở cấp độ gốc, các phần tử con sẽ tự động kế thừa nó.

Tuy nhiên, nếu tôi mở thanh tra để nói thẻ neo trong ứng dụng của tôi và xem các kiểu được tính cho thẻ đó, tôi thấy rằng (Chrome mới nhất) "Phông chữ được hiển thị" cho biết "Times New Roman 18 glyphs" - Điều này có đúng không? Tôi đã hy vọng nó sẽ nói "Open Sans" - Phông chữ Open Sans có được áp dụng không?

Answer 1

Khám phá codepen link. Làm việc tốt cho tôi!

.open-sans-font{ 
 
    font-family: 'Open Sans', sans-serif; 
 
}

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> 
 

 
<div class="open-sans-font"> 
 
    Stackoverflow rocks !!! 
 
</div>