Rumah >hujung hadapan web >tutorial css >'Apakah maksud font-family -apple-system?'
'Apakah maksud font-family -apple-system?'
- WBOYke hadapan
- 2023-08-23 10:49:021143semak imbas
Dalam CSS, sifat 'font-family' digunakan untuk menetapkan fon kandungan teks elemen HTML. Ia menerima berbilang nama fon sebagai nilai. Jika penyemak imbas tidak menyokong fon pertama, ia menetapkan gaya fon seterusnya untuk elemen HTML.
Pengguna boleh menggunakan sifat CSS 'font-family' mengikut sintaks berikut.
font-family: value1, value2, value3, ...
Nilai '-apple-system' bagi sifat CSS 'font-family' membolehkan pembangun menetapkan fon yang sama seperti sistem pengendalian Apple untuk kandungan HTML halaman web. Ini bermakna kita boleh menetapkan fon berdasarkan pilihan peranti pengguna.
Tatabahasa
Pengguna boleh menggunakan fon "-apple-system" sebagai sifat CSS "font-family" mengikut sintaks di bawah.
font-family: -apple-system;
Contoh 1
Dalam contoh di bawah, kami menetapkan keluarga fon "-apple-system" untuk kandungan teks elemen HTML. Jika anda menggunakan peranti Apple, anda boleh melihat bahawa ia menetapkan fon kepada spesifikasi yang sama seperti peranti Apple anda.
<html>
<head>
<style>
.text {
font-size: 1.6rem;
font-family: -apple-system;
color: blue;
}
</style>
</head>
<body>
<h2>Using the <i> -apple-system </i> fonts to set the font according to apple device's font</h2>
<p class = "text"> Welcome to the TutorialsPoint! </p>
</body>
</html>
Terjemahan bahasa Cina bagi Contoh 2
ialah:Contoh 2
Dalam contoh di bawah, kami menambah "BlinkMacSystemFont" kepada alternatif sebagai nilai kedua bagi harta keluarga fon. Di sini, untuk pelayar Firefox dan Opera, nilai "-apple-system" digunakan, manakala pelayar Chrome menyokong "BlinkMacSystemFont". Selain itu, kami menggunakan beberapa fon lain sebagai nilai alternatif. Jadi "font-family" akan memilih fon seterusnya sehingga ia menemui satu yang disokong oleh penyemak imbas tertentu.
<html>
<head>
<style>
.text {
font-size: 1.6rem;
font-family: -apple-system, BlinkMacSystemFont, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
color: green;
}
</style>
</head>
<body>
<h2>Using the <i> -apple-system </i> fonts to set the font according to apple device's font</h2>
<p class = "text"> Hey! How are you? </p>
</body>
</html>
Pengguna belajar menggunakan keluarga fon "-apple-system" untuk memilih fon bagi peranti Apple untuk memilih fon berdasarkan pilihan peranti pengguna. Selain itu, kami menyediakan fon sandaran sekiranya penyemak imbas tidak dapat mencari fon peranti.
Atas ialah kandungan terperinci 'Apakah maksud font-family -apple-system?'. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!