内容：見積もりが一重引用符で表示されています

Question

私はContent：Open-quoteを使用しています。初めて使用したときは見た目がよく見えましたが、二重引用符で囲まれていて、 。ここに問題を示すjsfiddleがあります。

https://jsfiddle.net/rx3nu2hv/

HTML

<div class="row-fluid"> 
     <div class="col-sm-6 col-md-6"> 
      <div class='testimonial'> 
      <blockquote><p>John doe provides an excellent service in a record time. We needed him to design a mobile compatible website and he was able to complete the job earleir than we had anticipated and with higher quality than you would expect from most.</p></blockquote> 
       <div class='testimonial-left'> 
        <p>Jane Doe</p> 
        <p>Software Developer</p> 
       </div> 
      </div> 
     </div> 
     <div class="col-sm-6 col-md-6"> 
      <div class='testimonial'> 
      <blockquote><p>John Doe provides an excellent service in a record time. We needed him to design a mobile compatible website and he was able to complete the job earleir than we had anticipated and with higher quality than you would expect from most.</p></blockquote> 
       <div class='testimonial-left'> 
        <p>Jane Doe</p> 
        <p>Software Developer</p> 
       </div> 
      </div> 
     </div> 
    </div><!--/row-fluid--> 

CSS

.testimonial blockquote 
{ 

    background: #f9f9f9; 
    border-left: 10px solid #ccc; 
    margin: 1.5em 10px; 
    padding: 0.5em 10px; 
    quotes: "\201C""\201D""\2018""\2019"; 

} 

.testimonial blockquote:before { 
    color: #ccc; 
    content: open-quote; 
    font-size: 4em; 
    line-height: 0.1em; 
    vertical-align: -0.4em; 
} 

.testimonial-left 
{ 
float:left; 
margin-left:10%; 
} 

Answer 1

あなたはblockquote:afterにclose-quoteを設定することはありません。

通常の文章のように、一重引用符は二重引用符内で使用されます。

.testimonial blockquote:after { 
    content: close-quote; 
    color: #ccc; 
    font-size: 4em; 
    line-height: 0.1em; 
    vertical-align: -0.4em; 
} 

Updated Fiddle

Answer 2

あなたは別の二重の1を開く前に二重引用符を閉じる必要がありますので。 これを閉じないと、最初の引用符の一部として2番目の引用符を考慮して、単一引用符が表示されます。 ".testimonial block quote：after"と記載し、それを閉じる必要があります。 それ以外の場合は、イラストレーターやPhotoshopで読み込んでファイルとして書き出す必要があります。 お手伝いをしてください。 乾杯してください