css — определенное семейство шрифтов внутри формы в переполнении стека
Я создаю форму запроса в PHP, используя форму, которую я создал в HTML. Можно ли использовать специальный шрифт внутри кода PHP, как в HTML? например:
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
font-family: 'Quicksand', sans-serif;
Ниже вы можете увидеть мой код PHP, на который я ссылаюсь:
$email_to = "[email protected]";
$name = $_POST["name"];
$email = $_POST["email"];
$tel = $_POST["tel"];
$msg = $_POST["msg"];
$email_from = "[email protected]"; // This email address has to be the same email on the server if using Fasthots server i.e. SlickFin server - [email protected] you can't put the $email variable entered by user because its not authorised to send it.
$message = $_POST["message"];
$email_subject = "Enquiry";
Например, в этом разделе (ниже) я хочу использовать font-family: 'Quicksand', sans-serif; для электронного письма, которое я получу, когда форма будет заполнена и отправлена. ЭТО МОЙ ВОПРОС.
$headers =
"From: $email .\n";
"Reply-To: $email .\n"; //
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$message = '<html><body>';
$message .= "<h1 style='color: #0d1237;'>Enquiry</h1>";
$message .= "<h2 style='color: #0d1237; font-size: 22px;'> Name: " . $name . "</h1>";
$message .= "<p style='font-weight: bold;'> Email Address: " . $email . "</p>";
$message .= "<p style='font-weight: bold;'> Telephone Number: " . $tel . "</p>";
$message .= "<p style='font-weight: bold;'> Message: " . $msg ."</p>";
$message .= "</body></html>";
Кроме того, вот мой код формы HTML:
<section id="contact">
<form action="enquiry.php" method="post">
<div class="field name-box">
<input type="text" name="name" id="name" placeholder="Who Are You?" tabindex="1" required>
<label for="name">Name</label>
<span>Done</span>
</div>
<div class="field email-box">
<input type="text" name="email" id="email" placeholder="[email protected]" tabindex="2" required>
<label for="email">Email</label>
<span>Done</span>
</div>
<div class="field tel-box">
<input type="text" name="tel" id="tel" placeholder="Telephone Number" tabindex="3" required>
<label for="tel">Mobile</label>
<span>Done</span>
</div>
<div class="field msg-box">
<textarea id="msg" name="msg" rows="4" placeholder="What's Up?" tabindex="1" required></textarea>
<label for="msg">Message</label>
<span>Done</span>
</div>
<input class="button" name="submit" type="submit" value="Send" />
</form>
Если вы хотите увидеть весь index.html и все файлы equiry.php, вы можете через Github: https://github.com/billyfarroll/enquiry_slick_one
Решение
PHP не является выходным форматом. PHP может манипулировать выводом, но это не сам вывод. Подумайте о PHP как калькуляторе, а HTML — как числах на экране калькулятора. Ваш вопрос не имеет смысла.
Есть много разных форматов вывода. HTML это только один из них, и, вероятно, вы будете работать в основном с JSON.
Похоже, в этом случае вы отправляете электронное письмо в формате HTML. Большинство почтовых клиентов будут отображать HTML и CSS; похож на веб-браузер. То, что вы хотите сделать, это использование PHP для генерировать немного CSS (формат вывода) и HTML (также формат вывода), чтобы получить желаемый результат.
CSS в ваших электронных письмах HTML более ограничен, чем то, что вы можете сделать в браузере. Для обеспечения совместимости в этом конкретном случае, Я рекомендую использовать встроенные стили для того, чтобы получить желаемый эффект.
Чтобы добавить к вашему HTML-сообщению шрифт, которого вы не ожидаете от клиента, вы также можете сделать что-то вроде этого …
<html>
<head>
<style>
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(https://some-site/email.woff) format('woff');
}
body {
font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;
}
</style>
</head>
</html>
Обратите внимание, что это будет работать с некоторыми почтовыми клиентами, а не с другими … поэтому убедитесь, что вы используете некоторые резервные шрифты в своем CSS.
Другие решения
Других решений пока нет …