复制字体大小和字体系列

时间:2016-03-09 21:41:32

标签: html css fonts

我需要复制与此页面相同的字体样式,大小和整体外观:https://www.alessandro-international.com/b2b_de_de/hand-nagelpflege/ 我只对一个元素(.subcat-descrition p

感兴趣

对我来说,我应用相同的字体大小和字体样式,但是,我得到了不同的结果。您可以看到两个文本图像。第一个是期望的。第二个是我得到的。这是字体问题吗?

Original picture with font

Try to replicate

我对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;
}

0 个答案:

没有答案