www.oihanevalbuenaredondo.be
After styling my post titles in CSS using font-family: adobe arabic, I noticed that while they display correctly on my Windows machine, they appear in a basic font on Mac OS, Safari specifically. Why is it that Safari cannot render the title in Adobe Arabic?
This snippet is from my style.css file:
.entry-title {
font-family: adobe arabic;
text-align: center;
letter-spacing: 1px;
color: #7f7f7f;
font-size: 28px;
position: relative;
margin: 0 0 10px 0;
padding: 0 60px;
}
.entry-title a:hover {
color: #d9d9d9;
}
I also have another issue related to the positioning of the language option at the top of my page. It appears perfectly aligned on Windows, but on Mac, either the border or the dropdown is misaligned, with one being further to the left.
The code for the border is as follows:
.topbar {
position: absolute;
right: 170px;
top:-8px;
font-size: 11pt;
color: #E1BDC3;
border: 1px dotted #999999;
border-radius:8px;
width: 255px;
height: 48px;
padding-top: 11px;
padding-left: 10px;
z-index: 1000;
}
And this is the CSS for the dropdown:
.widget_polylang {
position: absolute;
top: -330px;
width: 150px;
right: 20px;
z-index: 10001;
}
The above code was used to position a widget that contains the dropdown language selector. As a beginner in HTML, I might have made an error in the CSS that works fine on Windows but not on Mac.