Làm thế nào để tính toán khoảng cách chữ cái Photoshop trong css px hoặc rem?

Question

Bất kỳ ai cũng có ý tưởng làm thế nào để tính toán khoảng cách chữ cái photoshop trong css px hoặc rem. Ví dụ: Tôi có khoảng cách 140 chữ cái trong photoshop. Bây giờ, điều gì sẽ là điều này trên CSS? Hoặc có cách nào để làm điều này với sass?

Answer 1

Chia giá trị trong Photoshop cho 1000 và đặt kết quả đó thành em mang lại kết quả điểm ảnh hoàn hảo.

Ví dụ: giả sử trong Photoshop bạn có khoảng cách chữ cái là 50, kết quả css sẽ là letter-spacing: 0.05em.

Tạo một chức năng đơn giản để giúp bạn làm mọi toán:

@function letter-spacing($ps-value) { 
    @return ($ps-value/1000) * 1em 
}