Hi there!

  
Coming back for another problem I am facing but this time I do not know how I could "debug" the reason.

  
In Inkscape in and birdfont the SVG does not look the same and I would like that SVG looks like in Inkscape.

  
A bit of explanation, I use a python script because at first I had a problem in Inkscape. Basically each import was changing colors. So I use a python script to make sure id, classes, styles and references were unique.

Does anyone faced that issue? It seems that these SVG are the only one having a problem



Python code below:

    import os
    import re
    import sys
    import xml.etree.ElementTree as ET
    
    
    def prefix_svg(svg_path, prefix):
        parser = ET.XMLParser(encoding='utf-8')
        tree = ET.parse(svg_path, parser=parser)
        root = tree.getroot()
    
    
        id_map = {}
        class_map = {}
    
    
        # 1️⃣ Renommer les IDs
        for elem in root.iter():
            id_attr = elem.get('id')
            if id_attr:
                new_id = f"{prefix}_{id_attr}"
                id_map[id_attr] = new_id
                elem.set('id', new_id)
    
    
        # 2️⃣ Renommer les classes
        for elem in root.iter():
            cls = elem.get('class')
            if cls:
                # Certaines balises ont plusieurs classes séparées par des espaces
                classes = cls.split()
                new_classes = []
                for c in classes:
                    if c not in class_map:
                        class_map[c] = f"{prefix}_{c}"
                    new_classes.append(class_map[c])
                elem.set('class', ' '.join(new_classes))
    
    
        # 3️⃣ Met à jour toutes les références à des IDs
        def replace_refs(value):
            if not isinstance(value, str):
                return value
            for old_id, new_id in id_map.items():
                value = re.sub(rf'url\(#({old_id})\)', f'url(#{new_id})', value)
                if value == f'#{old_id}':
                    value = f'#{new_id}'
            return value
    
    
        for elem in root.iter():
            for attr in list(elem.attrib.keys()):
                elem.set(attr, replace_refs(elem.get(attr)))
    
    
        # 4️⃣ Met à jour les styles internes (<style>)
        for style in root.findall('.//{http://www.w3.org/2000/svg}style'):
            if style.text:
                text = style.text
                for old_id, new_id in id_map.items():
                    text = re.sub(rf'#{old_id}\b', f'#{new_id}', text)
                for old_cls, new_cls in class_map.items():
                    text = re.sub(rf'\.{old_cls}\b', f'.{new_cls}', text)
                style.text = text
    
    
        # 5️⃣ Sauvegarde
        new_path = os.path.join(os.path.dirname(svg_path), f"{prefix}_isolated.svg")
        tree.write(new_path, encoding='utf-8', xml_declaration=True)
        print(f"✅ {os.path.basename(svg_path)} → {os.path.basename(new_path)}")
    
    
    def process_folder(folder):
        for file_name in os.listdir(folder):
            if file_name.lower().endswith(".svg"):
                prefix = os.path.splitext(file_name)[0]
                prefix_svg(os.path.join(folder, file_name), prefix)
    
    
    if __name__ == "__main__":
        if len(sys.argv) < 2:
            print("❌ Utilisation : python isoler_svg.py <chemin_du_dossier>")
            sys.exit(1)
    
    
        dossier = sys.argv[1]
        if not os.path.isdir(dossier):
            print(f"❌ '{dossier}' n'est pas un dossier valide.")
            sys.exit(1)
    
    
        process_folder(dossier)import os
    import re
    import sys
    import xml.etree.ElementTree as ET
    
    
    def prefix_svg(svg_path, prefix):
        parser = ET.XMLParser(encoding='utf-8')
        tree = ET.parse(svg_path, parser=parser)
        root = tree.getroot()
    
    
        id_map = {}
        class_map = {}
    
    
        # 1️⃣ Renommer les IDs
        for elem in root.iter():
            id_attr = elem.get('id')
            if id_attr:
                new_id = f"{prefix}_{id_attr}"
                id_map[id_attr] = new_id
                elem.set('id', new_id)
    
    
        # 2️⃣ Renommer les classes
        for elem in root.iter():
            cls = elem.get('class')
            if cls:
                # Certaines balises ont plusieurs classes séparées par des espaces
                classes = cls.split()
                new_classes = []
                for c in classes:
                    if c not in class_map:
                        class_map[c] = f"{prefix}_{c}"
                    new_classes.append(class_map[c])
                elem.set('class', ' '.join(new_classes))
    
    
        # 3️⃣ Met à jour toutes les références à des IDs
        def replace_refs(value):
            if not isinstance(value, str):
                return value
            for old_id, new_id in id_map.items():
                value = re.sub(rf'url\(#({old_id})\)', f'url(#{new_id})', value)
                if value == f'#{old_id}':
                    value = f'#{new_id}'
            return value
    
    
        for elem in root.iter():
            for attr in list(elem.attrib.keys()):
                elem.set(attr, replace_refs(elem.get(attr)))
    
    
        # 4️⃣ Met à jour les styles internes (<style>)
        for style in root.findall('.//{http://www.w3.org/2000/svg}style'):
            if style.text:
                text = style.text
                for old_id, new_id in id_map.items():
                    text = re.sub(rf'#{old_id}\b', f'#{new_id}', text)
                for old_cls, new_cls in class_map.items():
                    text = re.sub(rf'\.{old_cls}\b', f'.{new_cls}', text)
                style.text = text
    
    
        # 5️⃣ Sauvegarde
        new_path = os.path.join(os.path.dirname(svg_path), f"{prefix}_isolated.svg")
        tree.write(new_path, encoding='utf-8', xml_declaration=True)
        print(f"✅ {os.path.basename(svg_path)} → {os.path.basename(new_path)}")
    
    
    def process_folder(folder):
        for file_name in os.listdir(folder):
            if file_name.lower().endswith(".svg"):
                prefix = os.path.splitext(file_name)[0]
                prefix_svg(os.path.join(folder, file_name), prefix)
    
    
    if __name__ == "__main__":
        if len(sys.argv) < 2:
            print("❌ Utilisation : python isoler_svg.py <chemin_du_dossier>")
            sys.exit(1)
    
    
        dossier = sys.argv[1]
        if not os.path.isdir(dossier):
            print(f"❌ '{dossier}' n'est pas un dossier valide.")
            sys.exit(1)
    
    
        process_folder(dossier)
    
    
    

  




Difference between Inkscape and Birdfont