'Apakah maksud font-family -apple-system?'-tutorial css-php.cn

'Apakah maksud font-family -apple-system?'

WBOY

Lepaskan： 2023-08-23 10:49:02

ke hadapan

1100 orang telah melayarinya

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, ...

Salin selepas log masuk

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;

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!