Thanks to some insightful discussions with araxhiel, a solution to the problem has been found.
- To resolve the issue, make the following adjustment in the
_includes/ext-css.html file by adding /fonts/ instead of just 'fonts'. For example:
<head>
<meta charset="UTF-8" />
<title>Test</title>
<!-- Computer Modern Serif-->
<link rel="stylesheet" href="/fonts/Serif/cmun-serif.css"></link>
...
</head>
- Modify line 13 of the
assets/css/beautifuljekyll.css file as follows:
body {
font-family: 'Computer Modern Serif','Droid Sans', Helvetica, Arial, sans-serif;
Additionally, add the code snippet below just before line 13 (before the body declaration) in the same file:
//*********************** Fonts ********************//
@font-face {
font-family: 'Computer Modern Serif';
src: url('../../fonts/Serif/cmunrm.eot');
src: url('../../fonts/Serif/cmunrm.eot?#iefix') format('embedded-opentype'),
url('../../fonts/Serif/cmunrm.woff') format('woff'),
url('../../fonts/Serif/cmunrm.ttf') format('truetype'),
url('../../fonts/Serif/cmunrm.svg#cmunrm') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Computer Modern Serif';
src: url('../../fonts/Serif/cmunbx.eot');
src: url('../../fonts/Serif/cmunbx.eot?#iefix') format('embedded-opentype'),
url('../../fonts/Serif/cmunbx.woff') format('woff'),
url('../../fonts/Serif/cmunbx.ttf') format('truetype'),
url('../../fonts/Serif/cmunbx.svg#cmunbx') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Computer Modern Serif';
src: url('../../fonts/Serif/cmunti.eot');
src: url('../../fonts/Serif/cmunti.eot?#iefix') format('embedded-opentype'),
url('../../fonts/Serif/cmunti.woff') format('woff'),
url('../../fonts/Serif/cmunti.ttf') format('truetype'),
url('../../fonts/Serif/cmunti.svg#cmunti') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Computer Modern Serif';
src: url('../../fonts/Serif/cmunbi.eot');
src: url('../../fonts/Serif/cmunbi.eot?#iefix') format('embedded-opentype'),
url('../../fonts/Serif/cmunbi.woff') format('woff'),
url('../../fonts/Serif/cmunbi.ttf') format('truetype'),
url('../../fonts/Serif/cmunbi.svg#cmunbi') format('svg');
font-weight: bold;
font-style: italic;
}
- By implementing the above changes and following the steps outlined in the initial query, including adding the
fonts/Serif folder from the provided link to the main repository, the issue should be resolved successfully!