我需要复制与此页面相同的字体样式,大小和整体外观:https://www.alessandro-international.com/b2b_de_de/hand-nagelpflege/
我只对一个元素(.subcat-descrition p
)
对我来说,我应用相同的字体大小和字体样式,但是,我得到了不同的结果。您可以看到两个文本图像。第一个是期望的。第二个是我得到的。这是字体问题吗?
我对subcat-descrition > p
元素样式感兴趣。
如果我查看Chrome调试器,我可以看到subcat-descrition > p
已
CSS:
.subcat-descrition p {
padding-right: 10px;
padding-top: 10px;
min-height: 56px;
}
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
HTML
<div class="gridfull subcats">
<a href="https://www.alessandro-international.com/b2b_de_de/hand-nagelpflege/professional-manicure/">
<img ... />
<h3 class="cat-heading">Professional Manicure</h3>
<span class="subcat-descrition"><p>Die Profi-Nagelpflegeserie für Zuhause: Die in Top Studios erprobten Produkte unserer Professional Manicure Serie werden einzeln oder in Kombination angewendet. Reinigung, Pflege, Kürzen und Formen zur optimalen Vorbereitung auf die Maniküre…</p></span>
然而,当我尝试在另一个网站上复制它时,我完全看到了另一个元素:http://www.alessandro.lv/categories/nagu-un-roku-kopsana/
元素是subcategory-description
。
CSS
.subcategory-description {
text-align: left;
color: #000;
font-size: 12px;
line-height: 18px;
padding-right: 10px;
padding-top: 10px;
min-height: 56px;
font-family: Arial, Helvetica, sans-serif;
}