Saya membutuhkan bantuan dengan bilah navigasi khusus yang telah saya buat untuk templat email di Mailchimp. Saya bukan pembuat kode, tetapi saya telah berhasil membuat bilah navigasi yang menautkan ke halaman web saya. Namun, font yang saat ini ditampilkan di bilah navigasi adalah Times New Roman, saya percaya, dan saya sangat ingin mengubahnya ke Source Sans Pro.

Kode saat ini terlihat sebagai berikut:

<style>

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

li {
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover {
background-color: #111;
}
</style>

Apa yang harus saya tambahkan untuk membuat perubahan font saat ini ke Source Sans Pro?

Bimbingan apa pun akan sangat dihargai.

1
PB1 25 Oktober 2019, 22:56

1 menjawab

Jawaban Terbaik

Anda harus menautkannya dalam HTML Anda seperti itu

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet">

Dan kemudian gunakan di CSS Anda dengan pemilih apa pun (ID/Kelas/Elemen)

font-family: 'Source Sans Pro', sans-serif;

Untuk membuat seluruh dokumen Anda menjadi font ini:

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet">
<style>

* {
  font-family: 'Source Sans Pro', sans-serif;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

li {
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover {
background-color: #111;
}
</style>
0
sao 25 Oktober 2019, 20:13